Common shadcn/ui components installed for this project, grouped by category with their variants, sizes, and interactive states.
Compact status and metadata labels.
Variants
Inline feedback with title and description.
Sizes, fallback, badge, and group stacking.
Sizes
Group
Placeholder shapes for loading states.
Horizontal and vertical dividers.
Above the line
Below the line
Composable surface for content blocks.
Cards are a good base for settings panels, empty states, and dashboard widgets.
Useful when nesting cards or listing many items.
Default, disabled, and invalid field states.
Enter a valid email address.
Binary and exclusive choice controls.
Checkbox
Switch
Radio group
Single-value selection with placeholder and groups.
Default pill list and line variant.
Collapsible content sections.
Determinate progress with label and value.
Simple data table with caption and status badges.
| Name | Role | Status |
|---|---|---|
| Ada Lovelace | Engineer | Active |
| Alan Turing | Researcher | Active |
| Grace Hopper | Admiral | Away |
| Katherine Johnson | Mathematician | Active |
Constrained viewport with a custom scrollbar.
Short hover/focus hints (requires TooltipProvider).
Sides
Floating content anchored to a trigger.
Actions menu with labels, shortcuts, and destructive items.
Modal dialog with header, body, and footer actions.
Slide-over panel from the edge of the viewport.
Ephemeral notifications via the global Toaster.
Triggers