Components
Components
Explore the preview catalog. Each entry has a package export, a local registry entry, and a copy mode source asset.
Actions
Forms
InputInputs stay lightweight and accessible while inheriting semantic focus, border, and placeholder behavior from the theme layer.FieldField creates stable IDs for its label, description, and error. Set description and error when those parts are rendered; FieldControl passes the relationships to its single native control child.TextareaUse rows for an initial height. The user can resize the native textarea.CheckboxUse checked and onChange for controlled state, or defaultChecked for native uncontrolled state. indeterminate sets the mixed visual and DOM state.SwitchUse this for immediate on or off preferences. It accepts native checked, defaultChecked, and onChange props.SelectA native picker for finite choices, with browser keyboard and mobile behavior.Radio GroupA named group of native radio controls with controlled or uncontrolled value.
Navigation
Overlays
Feedback
AlertUse the default polite status for routine updates. Set role="alert" only for messages that require immediate attention.ProgressOmit value when the duration is unknown. Values outside the range are clamped to zero and max.SkeletonSize the placeholder to match the content it represents. Add a separate status message if loading needs announcement.SpinnerName the loading task with label. The indicator uses the current text color.
Display
CardCard primitives help structure panels, settings surfaces, and summary blocks without introducing behavior-specific abstractions.BadgeBadges provide compact labels for status, categorization, and lightweight emphasis.SeparatorThe default divider is decorative. Use decorative={false} for a meaningful section boundary.AvatarA profile image with a fallback for failed or absent images.Empty StateA composed message for a surface with no content yet.