Expand description
Component catalog for JSON-UI.
Defines the available UI components with typed props. Each component
uses serde’s tagged enum representation so JSON includes "type": "Card".
Structs§
- Action
Card Props - Props for a horizontal action card with variant-colored left border.
- Alert
Props - Props for Alert component.
- Avatar
Props - Props for Avatar component.
- Badge
Props - Props for Badge component.
- Breadcrumb
Item - A single item in a breadcrumb trail.
- Breadcrumb
Props - Props for Breadcrumb component.
- Button
Group Props - Props for ButtonGroup component – horizontal button row with consistent gap.
- Button
Props - Props for Button component.
- Calendar
Cell Props - Props for a calendar day cell.
- Card
Props - Props for Card component.
- Checkbox
List Props - Props for CheckboxList component — multi-select checkbox group.
- Checkbox
Props - Props for Checkbox component.
- Checklist
Item - A single item in a checklist.
- Checklist
Props - Props for Checklist component.
- Collapsible
Props - Props for Collapsible section — expandable
<details>/<summary>. - Column
- Table column definition.
- Data
Table Props - Props for the DataTable component — Stripe-style alternating rows with DropdownMenu per row, mobile card fallback, and empty state.
- Description
Item - A single item in a description list.
- Description
List Props - Props for DescriptionList component.
- Detail
Page Props - Props for DetailPage component – opinionated resource-detail skeleton.
- Dropdown
Menu Action - A single action item in a dropdown menu.
- Dropdown
Menu Props - Props for DropdownMenu component — trigger button with absolutely-positioned action panel.
- Empty
State Props - Props for EmptyState component — standardized empty view.
- Form
Props - Props for Form component.
- Form
Section Props - Props for FormSection component — visual grouping within forms.
- Grid
Props - Props for Grid component — multi-column layout.
- Header
Props - Props for Header component.
- Image
Props - Props for Image component.
- Input
Props - Props for Input component.
- Kanban
Board Props - Props for KanbanBoard component — horizontal scrollable columns on desktop, tab-based on mobile.
- Kanban
Column Props - Props for a single column in a KanbanBoard.
- Modal
Props - Props for Modal component.
- Notification
Dropdown Props - Props for NotificationDropdown component.
- Notification
Item - A single item in a notification dropdown.
- Page
Header Props - Props for PageHeader component – page title with optional breadcrumb and action buttons.
- Pagination
Props - Props for Pagination component.
- Product
Tile Props - Props for a touch-friendly product tile with quantity controls.
- Progress
Props - Props for Progress component.
- RawHtml
Props - Props for the
RawHtmlcomponent — server-injected HTML island. - Rich
Text Editor Props - Props for RichTextEditor leaf element — rendered by the Quill 2.0.3 plugin.
- Select
Option - Select option (value + label pair).
- Select
Props - Props for Select component.
- Separator
Props - Props for Separator component.
- Sidebar
Group - A collapsible group in the sidebar.
- Sidebar
NavItem - A single navigation item in the sidebar.
- Sidebar
Props - Props for Sidebar component.
- Skeleton
Props - Props for Skeleton loading placeholder.
- Stat
Card Props - Props for StatCard component (live-updatable metric card).
- Switch
Props - Props for Switch component.
- Tab
- A single tab within a Tabs component.
- Table
Props - Props for Table component.
- Tabs
Props - Props for Tabs component.
- Text
Props - Props for Text component.
- Toast
Props - Props for Toast component (declarative notification intent).
Enums§
- Action
Card Variant - Visual variant for action cards.
- Alert
Variant - Alert visual variants.
- Badge
Variant - Badge visual variants (aligned to shadcn/ui).
- Button
Type - HTML button type attribute.
- Button
Variant - Button visual variants (aligned to shadcn/ui).
- Card
Variant - Visual variant for Card chrome.
- Column
Format - Column display format for tables.
- Form
MaxWidth - Maximum width constraint for form containers.
- Form
Section Layout - Layout variant for form sections.
- GapSize
- Gap size for Grid layout.
- Icon
Position - Icon placement relative to button label.
- Input
Type - Input field types.
- Orientation
- Separator orientation.
- Size
- Shared size enum for components (Button, Badge, Avatar, Input).
- Sort
Direction - Sort direction for table columns.
- Text
Element - Text element types for semantic HTML rendering.
- Toast
Variant - Toast visual variants.