saturation/uisaturation/ui
DocsComponentsBlocksPagesEmails
GitHub

Sections

IntroductionComponentsInstallationMCPThemingDesign

Components

Components

General

AvatarBadgeButtonKbdProgressSeparatorSkeletonSpin ResolveSpinnerSync ButtonTypography

Forms & Inputs

Address LookupCalendar PickerCheckboxComboboxDate PickerEmoji PickerFavicon SearchFieldInputInput GroupInput OTPRadio GroupSelectSliderSwitchTextareaToggleToggle Group

Data Display

AccordionAlertCardChartComparison SliderCredit CardData TableEmptyItemSaturation Credit CardTableTree

Navigation

BreadcrumbCommandMenubarNavigation MenuPaginationTabs

Overlays

CollapsibleContext MenuDialogDropdown MenuSheet

Layout

Button GroupFont ProviderWizard Split Layout

Feedback

Sonner

Animation & Effects

Animated GroupAnimated ListAnimated NumberBeamBlur FadeBorder TrailGlow EffectLiquid MetalLoading StateParallaxPixelProgressive BlurRippleSpotlightText EffectText Shimmer

Productivity

Agent ChatAI Chat InputCoding AgentFiltersFull CalendarKanbanNovel Editor

Form Selector

Keyboard-navigable single-choice selector with letter badges and highlight on selection.

What best describes your company?

This helps us customize your experience

Features

  • Letter badges — A, B, C, D... keyboard-style option labels
  • Selection highlight — Selected option gets inverted styling
  • Single select — One option at a time

API Reference

PropTypeDefaultDescription
questionstring-The question to display
subtitlestring-Optional subtitle text
optionsstring[]-Answer options
onSelect(option: string) => void-Called when an option is clicked
onSubmit(option: string) => void-Called when continue is clicked
onSkip() => void-Callback for skip button

Components Used

button