ComponentReactSelf-contained

Settings Preferences

settings-preferences

Customize app experience, appearance, and accessibility.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

Install

npx shadcn@latest add @hextaui/settings-preferences

Needs @hextaui in your components.json registries — switch to URL if it doesn't resolve.

@hextaui

Inputs for one-time code entry.

Shimmer effect placeholder preview.

Email verification status with resend functionality.

List item component with actions.

Displays toast notifications.

Small badge for counts or indicators.

Label for form input.

Expands to show or hide content.