Core Components
shadcn/ui components styled with Yoonet AU & NZ brand tokens. Select a component to view its preview and AI prompt.
Button
ViewPrimary action triggers. Default, secondary, outline, ghost, destructive variants.
Badge
ViewCompact status labels and tags. Follows the same variant system as Button.
Card
ViewSurface container with header, content, and footer regions.
Input
ViewText input with label pairing, focus ring, and form validation.
Select
ViewDropdown selector with accessible trigger and content panel.
Dialog
ViewModal overlay for confirmations, forms, and detail views.
Table
ViewStructured data display with sortable headers and row states.
Tabs
ViewHorizontal tab bar to switch between related content panels.
Alert
ViewInline notification for info, success, and destructive messages.
Tooltip
ViewContextual hint that appears on hover or focus.
Skeleton
ViewAnimated loading placeholder that mirrors real content shape.
Switch
ViewBinary toggle for boolean settings and preferences.
Checkbox
ViewMulti-select control for forms and option lists.
Progress
ViewLinear bar showing task completion or loading state.
Avatar
ViewUser representation with image or initials fallback.