Overview

@xingxingmofashu/ui ships twenty-five accessible components across elements, forms, overlays, and feedback. Every component page includes live examples, API props, and usage notes. Each component exposes ui slots keyed by data-slot in addition to className.

ElementCopy Anchor Link

• Accordion — Disclosure rows that share one glass surface.
• Button — Rounded glass actions with icon slots and five sizes.
• Card — A composed panel with header, body, and footer.
• Scroll Area — A glass panel with custom scrollbars.
• Tabs — A glass tab list with an animated active indicator.
• Toggle — A two-state glass button with a pressed thumb.
• Toggle Group — Single and multiple selection with a liquid selected state.

FormCopy Anchor Link

• Form — A native form with consolidated errors and form-level validation.
• Checkbox — A glass tile with an animated check and indeterminate state.
• Checkbox Group — Labelled sets of checkboxes with shared state and descriptions.
• Field — A label, description, and validation message around one form control.
• Fieldset — A fieldset with a Liquid Glass legend for related fields.
• Input — A glass text field with icon slots, labeled through Field.
• Radio Group — Circular glass radio controls with labels, descriptions, and keyboard navigation.
• Select — A glass select with labels, descriptions, disabled options, and five sizes.
• Slider — Single values, ranges, and vertical controls.
• Switch — A liquid thumb that stretches while it moves.

OverlayCopy Anchor Link

• Alert Dialog — A modal confirmation with built-in cancel and confirm actions.
• Dialog — A general-purpose modal with a custom action area.
• Drawer — An edge-aligned panel with swipe dismissal.
• Menu — A glass action menu with groups, separators, icons, and shortcuts.
• Popover — A non-modal glass panel anchored to its trigger.
• Toast — Stacked glass notifications with status icons and actions.
• Tooltip — A compact glass hint shown on hover or focus.

FeedbackCopy Anchor Link

• Progress — A linear glass progress bar with determinate and indeterminate states.