Kitchen Sink
Component test pages for manual QA and visual review.
40
Components
288
Test Sections
14
JS Required
Accordion
Collapsible sections, multiple open, default open, disabled items
7 sections
Alert
Default, destructive, with icons, custom styled alerts
6 sections
Avatar
Images, fallbacks, sizes, rounded variants, groups, dropdown trigger
6 sections
Badge
Variants, pill shape, sizes, with icons, as links
6 sections
Breadcrumb
Basic, custom separator, collapsed ellipsis, long paths
4 sections
Button
Variants, sizes, icons, loading states, as links
8 sections
Button Group
Horizontal, vertical, sizes, icons, split button, nested
6 sections
Card
Default, ghost, with media, login form, actions, grid layout
6 sections
Carousel
Basic, vertical, snap proximity, center aligned, fade, multiple items
6 sections
Checkbox
Basic, checked, disabled, groups, indeterminate state
7 sections
Collapsible
Basic, default open, file tree, events, programmatic control
7 sections
Combobox
Searchable dropdowns, groups, side/align, input sizing
19 sections
Date
Short, full, long formats, with time, time only, custom locales
6 sections
Dialog
Basic, with form, confirmation, scrollable, programmatic control
7 sections
Dropdown Menu
Submenus, checkboxes, radio groups, keyboard navigation
12 sections
Forms + Actions
Astro Actions form POST, client RPC submit, validation errors
0 sections
Hover Card
Link previews, timing, positioning, events, dialog nesting
9 sections
Input
Types, button-aligned sizes, disabled, invalid, file upload
9 sections
Input Group
Sizes, icons, text addons, buttons, textarea, form
0 sections
Item
Basic, with icon, avatar, actions, variants, sizes, item group
7 sections
Kbd
Single keys, combinations, in context, in button, in tooltip
5 sections
Label
Basic, with input, checkbox, switch, disabled, required
6 sections
Link Group
Basic, without title, custom styling, footer layout
4 sections
Marquee
Left, right, vertical, speed variations, solid variant
5 sections
Native Select
Basic, sizes, with label, option groups, disabled, error, form
7 sections
Navigation Menu
Horizontal nav with dropdowns and mega menus
14 sections
Popover
Positioning, triggers, nested content
8 sections
Radio Group
Basic, default selected, descriptions, disabled, horizontal, form
6 sections
Select
Dropdowns, groups, scrollable lists, form integration
14 sections
Separator
Horizontal, vertical, in menu, in list
4 sections
Skeleton
Basic shapes, avatar + text, card, table, form loading states
5 sections
Slider
Single, range, multi-thumb, vertical, step controls
7 sections
Spinner
Basic, sizes, in button, in badge, custom colors
5 sections
Sticky Surface
Line, elevate, backdrop effects, combined, observeStuck
5 sections
Switch
Basic, disabled, with descriptions, settings panel
6 sections
Tabs
Basic, with indicator, cards, disabled, overflow
15 sections
Textarea
Basic, with label, disabled, error, character count, form
7 sections
Toggle
Variants, sizes, pressed states, programmatic control
9 sections
Toggle Group
Single/multiple selection, orientations, sizes
9 sections
Tooltip
Sides, alignment, delay, icon buttons, keyboard shortcuts
9 sections