Components
Shared React primitives for product surfaces. Each card shows the component as it ships — no showcase overrides.
Button
Primary, secondary, ghost, danger, and sizes.
Card
Structured surface for grouped product content.
Release candidate
Ready for visual review.
Field, Label, Input
Composable form structure.
Used for public package names.
Visible in package metadata.
Use a stable semantic tag.
TextArea
Long form input with refined resizing.
Checkbox
Checked, mixed, and disabled states.
RadioGroup
Single selection with keyboard support.
Switch
Boolean settings with tactile states.
Badge
Compact metadata and semantic status.
Alert
Semantic feedback without loud surfaces.
Token driven
Components inherit FroggDesign variables by default.
Boundary check
Public APIs should stay additive unless planned.
Avatar
Image and fallback identity primitives.
UISeparator
Quiet structure in horizontal and vertical form.
Tabs
Local navigation for related views.
A single page can show every shared primitive without making the interface feel busy.
Color, radius, spacing, shadow, and focus styles all map to FroggDesign variables.
Hover, active, selected, disabled, invalid, and focus states stay calm by default.
Overlay primitives
Dialog, Popover, Tooltip, HoverCard, Sheet, and CommandMenu.
Menus and selection
DropdownMenu, ContextMenu, Select, Accordion, and ToggleGroup.
Data and feedback
Table, DataTable, Skeleton, Spinner, Toast, Progress, and EmptyState.
| Component | Scope | Status |
|---|---|---|
| Dialog | Overlay | Ready |
| DataTable | Data | Preview |
| AppShell | Layout | Ready |
| Name | State | Usage |
|---|---|---|
| Docs | Live | 82% |
No records selected
Use this for quiet empty product views.
Form composition
Form, FormSection, FormActions, and FormMessage with native submission.
Combobox
Searchable single-select with keyboard support.
DatePicker
Native date input with a refined shell.
Pick a date in the future.
Banner
Compact, low-noise inline messaging.
ConfirmDialog
Focused confirmation with risk hierarchy.
App layout primitives
Header, Sidebar, AppShell, Container, Stack, Cluster, Grid, Breadcrumb, Pagination, and SearchInput.