Plugins
Covers Engine Plugin SDK 2.0.0 · Interface Plugin SDK 0.2.0
UI Components
Compose plugin interfaces from the general-purpose components exported by the SDK.
| Export | Import path | Description |
|---|---|---|
| Accordion | @dartwic/interface-sdk/ui | Accordion using the host’s expandable sections presentation. |
| AccordionContent | @dartwic/interface-sdk/ui | Accordion Content using the host’s expandable sections presentation. |
| AccordionItem | @dartwic/interface-sdk/ui | Accordion Item using the host’s expandable sections presentation. |
| AccordionItemProps | @dartwic/interface-sdk/ui | Value identifying an accordion section. |
| AccordionTrigger | @dartwic/interface-sdk/ui | Accordion Trigger using the host’s expandable sections presentation. |
| AsChildTriggerProps | @dartwic/interface-sdk/ui | Trigger rendered through its child control when asChild is true. |
| Avatar | @dartwic/interface-sdk/ui | Avatar using the host’s identity images and fallbacks presentation. |
| AvatarFallback | @dartwic/interface-sdk/ui | Avatar Fallback using the host’s identity images and fallbacks presentation. |
| AvatarImage | @dartwic/interface-sdk/ui | Avatar Image using the host’s identity images and fallbacks presentation. |
| Badge | @dartwic/interface-sdk/ui | Badge using the host’s compact status labels presentation. |
| BadgeProps | @dartwic/interface-sdk/ui | Compact host status label. |
| Breadcrumb | @dartwic/interface-sdk/ui | Breadcrumb using the host’s hierarchical navigation presentation. |
| BreadcrumbEllipsis | @dartwic/interface-sdk/ui | Breadcrumb Ellipsis using the host’s hierarchical navigation presentation. |
| BreadcrumbItem | @dartwic/interface-sdk/ui | Breadcrumb Item using the host’s hierarchical navigation presentation. |
| BreadcrumbLink | @dartwic/interface-sdk/ui | Breadcrumb Link using the host’s hierarchical navigation presentation. |
| BreadcrumbList | @dartwic/interface-sdk/ui | Breadcrumb List using the host’s hierarchical navigation presentation. |
| BreadcrumbPage | @dartwic/interface-sdk/ui | Breadcrumb Page using the host’s hierarchical navigation presentation. |
| BreadcrumbSeparator | @dartwic/interface-sdk/ui | Breadcrumb Separator using the host’s hierarchical navigation presentation. |
| Button | @dartwic/interface-sdk/ui | Button using the host’s actions presentation. |
| ButtonGroup | @dartwic/interface-sdk/ui | Button Group using the host’s grouped actions presentation. |
| ButtonGroupSeparator | @dartwic/interface-sdk/ui | Button Group Separator using the host’s grouped actions presentation. |
| ButtonGroupText | @dartwic/interface-sdk/ui | Button Group Text using the host’s grouped actions presentation. |
| ButtonProps | @dartwic/interface-sdk/ui | Props accepted by the standard host button. |
| Calendar | @dartwic/interface-sdk/ui | Calendar using the host’s date selection presentation. |
| CalendarDayButton | @dartwic/interface-sdk/ui | Calendar Day Button using the host’s date selection presentation. |
| Card | @dartwic/interface-sdk/ui | Card using the host’s content panels presentation. |
| CardContent | @dartwic/interface-sdk/ui | Card Content using the host’s content panels presentation. |
| CardContentProps | @dartwic/interface-sdk/ui | Props accepted by card content. |
| CardDescription | @dartwic/interface-sdk/ui | Card Description using the host’s content panels presentation. |
| CardDescriptionProps | @dartwic/interface-sdk/ui | Props accepted by a card description. |
| CardFooter | @dartwic/interface-sdk/ui | Card Footer using the host’s content panels presentation. |
| CardHeader | @dartwic/interface-sdk/ui | Card Header using the host’s content panels presentation. |
| CardHeaderProps | @dartwic/interface-sdk/ui | Props accepted by a card header. |
| CardProps | @dartwic/interface-sdk/ui | Props accepted by the card root. |
| CardTitle | @dartwic/interface-sdk/ui | Card Title using the host’s content panels presentation. |
| CardTitleProps | @dartwic/interface-sdk/ui | Props accepted by a card title. |
| Carousel | @dartwic/interface-sdk/ui | Carousel using the host’s paged content presentation. |
| CarouselContent | @dartwic/interface-sdk/ui | Carousel Content using the host’s paged content presentation. |
| CarouselItem | @dartwic/interface-sdk/ui | Carousel Item using the host’s paged content presentation. |
| CarouselNext | @dartwic/interface-sdk/ui | Carousel Next using the host’s paged content presentation. |
| CarouselPrevious | @dartwic/interface-sdk/ui | Carousel Previous using the host’s paged content presentation. |
| Checkbox | @dartwic/interface-sdk/ui | Checkbox using the host’s boolean fields presentation. |
| CheckboxProps | @dartwic/interface-sdk/ui | Props accepted by the host checkbox. |
| Collapsible | @dartwic/interface-sdk/ui | Collapsible using the host’s disclosure sections presentation. |
| CollapsibleContent | @dartwic/interface-sdk/ui | Collapsible Content using the host’s disclosure sections presentation. |
| CollapsibleTrigger | @dartwic/interface-sdk/ui | Collapsible Trigger using the host’s disclosure sections presentation. |
| ColorPicker | @dartwic/interface-sdk/ui | Color Picker using the host’s theme-aware color selection presentation. |
| ColorPickerProps | @dartwic/interface-sdk/ui | Theme-aware host color selector. |
| Command | @dartwic/interface-sdk/ui | Command using the host’s searchable commands and choices presentation. |
| CommandDialog | @dartwic/interface-sdk/ui | Command Dialog using the host’s searchable commands and choices presentation. |
| CommandEmpty | @dartwic/interface-sdk/ui | Command Empty using the host’s searchable commands and choices presentation. |
| CommandGroup | @dartwic/interface-sdk/ui | Command Group using the host’s searchable commands and choices presentation. |
| CommandInput | @dartwic/interface-sdk/ui | Command Input using the host’s searchable commands and choices presentation. |
| CommandInputProps | @dartwic/interface-sdk/ui | Search field inside a host command menu. |
| CommandItem | @dartwic/interface-sdk/ui | Command Item using the host’s searchable commands and choices presentation. |
| CommandList | @dartwic/interface-sdk/ui | Command List using the host’s searchable commands and choices presentation. |
| CommandSeparator | @dartwic/interface-sdk/ui | Command Separator using the host’s searchable commands and choices presentation. |
| CommandShortcut | @dartwic/interface-sdk/ui | Command Shortcut using the host’s searchable commands and choices presentation. |
| ConfigMap | @dartwic/interface-sdk/ui | Config Map using the host’s shared configuration editing presentation. |
| ContextMenu | @dartwic/interface-sdk/ui | Context Menu using the host’s context actions presentation. |
| ContextMenuCheckboxItem | @dartwic/interface-sdk/ui | Context Menu Checkbox Item using the host’s context actions presentation. |
| ContextMenuContent | @dartwic/interface-sdk/ui | Context Menu Content using the host’s context actions presentation. |
| ContextMenuGroup | @dartwic/interface-sdk/ui | Context Menu Group using the host’s context actions presentation. |
| ContextMenuItem | @dartwic/interface-sdk/ui | Context Menu Item using the host’s context actions presentation. |
| ContextMenuLabel | @dartwic/interface-sdk/ui | Context Menu Label using the host’s context actions presentation. |
| ContextMenuPortal | @dartwic/interface-sdk/ui | Context Menu Portal using the host’s context actions presentation. |
| ContextMenuRadioGroup | @dartwic/interface-sdk/ui | Context Menu Radio Group using the host’s context actions presentation. |
| ContextMenuRadioItem | @dartwic/interface-sdk/ui | Context Menu Radio Item using the host’s context actions presentation. |
| ContextMenuSeparator | @dartwic/interface-sdk/ui | Context Menu Separator using the host’s context actions presentation. |
| ContextMenuShortcut | @dartwic/interface-sdk/ui | Context Menu Shortcut using the host’s context actions presentation. |
| ContextMenuSub | @dartwic/interface-sdk/ui | Context Menu Sub using the host’s context actions presentation. |
| ContextMenuSubContent | @dartwic/interface-sdk/ui | Context Menu Sub Content using the host’s context actions presentation. |
| ContextMenuSubTrigger | @dartwic/interface-sdk/ui | Context Menu Sub Trigger using the host’s context actions presentation. |
| ContextMenuTrigger | @dartwic/interface-sdk/ui | Context Menu Trigger using the host’s context actions presentation. |
| Dialog | @dartwic/interface-sdk/ui | Dialog using the host’s modal workflows presentation. |
| DialogClose | @dartwic/interface-sdk/ui | Dialog Close using the host’s modal workflows presentation. |
| DialogContent | @dartwic/interface-sdk/ui | Dialog Content using the host’s modal workflows presentation. |
| DialogContentProps | @dartwic/interface-sdk/ui | Styled dialog body. |
| DialogDescription | @dartwic/interface-sdk/ui | Dialog Description using the host’s modal workflows presentation. |
| DialogDescriptionProps | @dartwic/interface-sdk/ui | Props accepted by a dialog description. |
| DialogFooter | @dartwic/interface-sdk/ui | Dialog Footer using the host’s modal workflows presentation. |
| DialogFooterProps | @dartwic/interface-sdk/ui | Props accepted by a dialog footer. |
| DialogHeader | @dartwic/interface-sdk/ui | Dialog Header using the host’s modal workflows presentation. |
| DialogHeaderProps | @dartwic/interface-sdk/ui | Props accepted by a dialog header. |
| DialogInlineContent | @dartwic/interface-sdk/ui | Dialog Inline Content using the host’s modal workflows presentation. |
| DialogOverlay | @dartwic/interface-sdk/ui | Dialog Overlay using the host’s modal workflows presentation. |
| DialogPortal | @dartwic/interface-sdk/ui | Dialog Portal using the host’s modal workflows presentation. |
| DialogProps | @dartwic/interface-sdk/ui | Open state for a host dialog. |
| DialogTitle | @dartwic/interface-sdk/ui | Dialog Title using the host’s modal workflows presentation. |
| DialogTitleProps | @dartwic/interface-sdk/ui | Props accepted by a dialog title. |
| DialogTrigger | @dartwic/interface-sdk/ui | Dialog Trigger using the host’s modal workflows presentation. |
| DropdownMenu | @dartwic/interface-sdk/ui | Dropdown Menu using the host’s action menus presentation. |
| DropdownMenuCheckboxItem | @dartwic/interface-sdk/ui | Dropdown Menu Checkbox Item using the host’s action menus presentation. |
| DropdownMenuContent | @dartwic/interface-sdk/ui | Dropdown Menu Content using the host’s action menus presentation. |
| DropdownMenuGroup | @dartwic/interface-sdk/ui | Dropdown Menu Group using the host’s action menus presentation. |
| DropdownMenuItem | @dartwic/interface-sdk/ui | Dropdown Menu Item using the host’s action menus presentation. |
| DropdownMenuLabel | @dartwic/interface-sdk/ui | Dropdown Menu Label using the host’s action menus presentation. |
| DropdownMenuPortal | @dartwic/interface-sdk/ui | Dropdown Menu Portal using the host’s action menus presentation. |
| DropdownMenuRadioGroup | @dartwic/interface-sdk/ui | Dropdown Menu Radio Group using the host’s action menus presentation. |
| DropdownMenuRadioItem | @dartwic/interface-sdk/ui | Dropdown Menu Radio Item using the host’s action menus presentation. |
| DropdownMenuSeparator | @dartwic/interface-sdk/ui | Dropdown Menu Separator using the host’s action menus presentation. |
| DropdownMenuShortcut | @dartwic/interface-sdk/ui | Dropdown Menu Shortcut using the host’s action menus presentation. |
| DropdownMenuSub | @dartwic/interface-sdk/ui | Dropdown Menu Sub using the host’s action menus presentation. |
| DropdownMenuSubContent | @dartwic/interface-sdk/ui | Dropdown Menu Sub Content using the host’s action menus presentation. |
| DropdownMenuSubTrigger | @dartwic/interface-sdk/ui | Dropdown Menu Sub Trigger using the host’s action menus presentation. |
| DropdownMenuTrigger | @dartwic/interface-sdk/ui | Dropdown Menu Trigger using the host’s action menus presentation. |
| FormattedValueControl | @dartwic/interface-sdk/ui | Formatted Value Control using the host’s formatted numeric editing presentation. |
| FormattedValueControlProps | @dartwic/interface-sdk/ui | Click-to-edit numeric value with a host popover. |
| FormattedValueInput | @dartwic/interface-sdk/ui | Formatted Value Input using the host’s formatted numeric editing presentation. |
| FormattedValueInputProps | @dartwic/interface-sdk/ui | Numeric value editor selected by a Units formatting directive. |
| HostComponentProps | @dartwic/interface-sdk/ui | Shared presentation and native pass-through props accepted by host components. |
| HostEventHandler | @dartwic/interface-sdk/ui | Generic event callback accepted by host-wrapped native controls. |
| HostNode | @dartwic/interface-sdk/ui | Renderable content passed through to the host React runtime. |
| Input | @dartwic/interface-sdk/ui | Input using the host’s text and native input fields presentation. |
| InputProps | @dartwic/interface-sdk/ui | Props accepted by the standard host input. |
| Label | @dartwic/interface-sdk/ui | Label using the host’s form labels presentation. |
| LabelProps | @dartwic/interface-sdk/ui | Props accepted by a form label. |
| Menubar | @dartwic/interface-sdk/ui | Menubar using the host’s application menus presentation. |
| MenubarCheckboxItem | @dartwic/interface-sdk/ui | Menubar Checkbox Item using the host’s application menus presentation. |
| MenubarContent | @dartwic/interface-sdk/ui | Menubar Content using the host’s application menus presentation. |
| MenubarGroup | @dartwic/interface-sdk/ui | Menubar Group using the host’s application menus presentation. |
| MenubarItem | @dartwic/interface-sdk/ui | Menubar Item using the host’s application menus presentation. |
| MenubarLabel | @dartwic/interface-sdk/ui | Menubar Label using the host’s application menus presentation. |
| MenubarMenu | @dartwic/interface-sdk/ui | Menubar Menu using the host’s application menus presentation. |
| MenubarPortal | @dartwic/interface-sdk/ui | Menubar Portal using the host’s application menus presentation. |
| MenubarRadioGroup | @dartwic/interface-sdk/ui | Menubar Radio Group using the host’s application menus presentation. |
| MenubarRadioItem | @dartwic/interface-sdk/ui | Menubar Radio Item using the host’s application menus presentation. |
| MenubarSeparator | @dartwic/interface-sdk/ui | Menubar Separator using the host’s application menus presentation. |
| MenubarShortcut | @dartwic/interface-sdk/ui | Menubar Shortcut using the host’s application menus presentation. |
| MenubarSub | @dartwic/interface-sdk/ui | Menubar Sub using the host’s application menus presentation. |
| MenubarSubContent | @dartwic/interface-sdk/ui | Menubar Sub Content using the host’s application menus presentation. |
| MenubarSubTrigger | @dartwic/interface-sdk/ui | Menubar Sub Trigger using the host’s application menus presentation. |
| MenubarTrigger | @dartwic/interface-sdk/ui | Menubar Trigger using the host’s application menus presentation. |
| MenuItemProps | @dartwic/interface-sdk/ui | Selectable dropdown or context menu action. |
| MenuRootProps | @dartwic/interface-sdk/ui | Controlled state for a dropdown menu. |
| Pagination | @dartwic/interface-sdk/ui | Pagination using the host’s paged navigation presentation. |
| PaginationContent | @dartwic/interface-sdk/ui | Pagination Content using the host’s paged navigation presentation. |
| PaginationEllipsis | @dartwic/interface-sdk/ui | Pagination Ellipsis using the host’s paged navigation presentation. |
| PaginationItem | @dartwic/interface-sdk/ui | Pagination Item using the host’s paged navigation presentation. |
| PaginationLink | @dartwic/interface-sdk/ui | Pagination Link using the host’s paged navigation presentation. |
| PaginationNext | @dartwic/interface-sdk/ui | Pagination Next using the host’s paged navigation presentation. |
| PaginationPrevious | @dartwic/interface-sdk/ui | Pagination Previous using the host’s paged navigation presentation. |
| Popover | @dartwic/interface-sdk/ui | Popover using the host’s anchored content presentation. |
| PopoverAnchor | @dartwic/interface-sdk/ui | Popover Anchor using the host’s anchored content presentation. |
| PopoverContent | @dartwic/interface-sdk/ui | Popover Content using the host’s anchored content presentation. |
| PopoverContentProps | @dartwic/interface-sdk/ui | Positioning for anchored popover content. |
| PopoverProps | @dartwic/interface-sdk/ui | Open state for an anchored host popover. |
| PopoverTrigger | @dartwic/interface-sdk/ui | Popover Trigger using the host’s anchored content presentation. |
| ResizableHandle | @dartwic/interface-sdk/ui | Resizable Handle using the host’s adjustable layouts presentation. |
| ResizablePanel | @dartwic/interface-sdk/ui | Resizable Panel using the host’s adjustable layouts presentation. |
| ResizablePanelGroup | @dartwic/interface-sdk/ui | Resizable Panel Group using the host’s adjustable layouts presentation. |
| ScrollArea | @dartwic/interface-sdk/ui | Scroll Area using the host’s styled scrolling presentation. |
| ScrollAreaProps | @dartwic/interface-sdk/ui | Props accepted by a scroll viewport. |
| ScrollBar | @dartwic/interface-sdk/ui | Scroll Bar using the host’s styled scrolling presentation. |
| ScrollBarProps | @dartwic/interface-sdk/ui | Props accepted by a scroll bar. |
| Select | @dartwic/interface-sdk/ui | Select using the host’s single-choice fields presentation. |
| SelectContent | @dartwic/interface-sdk/ui | Select Content using the host’s single-choice fields presentation. |
| SelectContentProps | @dartwic/interface-sdk/ui | Props accepted by select popup content. |
| SelectItem | @dartwic/interface-sdk/ui | Select Item using the host’s single-choice fields presentation. |
| SelectItemProps | @dartwic/interface-sdk/ui | Props accepted by a selectable item. |
| SelectProps | @dartwic/interface-sdk/ui | Props accepted by the select root. |
| SelectTrigger | @dartwic/interface-sdk/ui | Select Trigger using the host’s single-choice fields presentation. |
| SelectTriggerProps | @dartwic/interface-sdk/ui | Props accepted by the select trigger. |
| SelectValue | @dartwic/interface-sdk/ui | Select Value using the host’s single-choice fields presentation. |
| SelectValueProps | @dartwic/interface-sdk/ui | Props accepted by the selected-value display. |
| Separator | @dartwic/interface-sdk/ui | Separator using the host’s visual divisions presentation. |
| SeparatorProps | @dartwic/interface-sdk/ui | Props accepted by a visual separator. |
| Sheet | @dartwic/interface-sdk/ui | Sheet using the host’s side panels presentation. |
| SheetClose | @dartwic/interface-sdk/ui | Sheet Close using the host’s side panels presentation. |
| SheetContent | @dartwic/interface-sdk/ui | Sheet Content using the host’s side panels presentation. |
| SheetDescription | @dartwic/interface-sdk/ui | Sheet Description using the host’s side panels presentation. |
| SheetFooter | @dartwic/interface-sdk/ui | Sheet Footer using the host’s side panels presentation. |
| SheetHeader | @dartwic/interface-sdk/ui | Sheet Header using the host’s side panels presentation. |
| SheetOverlay | @dartwic/interface-sdk/ui | Sheet Overlay using the host’s side panels presentation. |
| SheetPortal | @dartwic/interface-sdk/ui | Sheet Portal using the host’s side panels presentation. |
| SheetTitle | @dartwic/interface-sdk/ui | Sheet Title using the host’s side panels presentation. |
| SheetTrigger | @dartwic/interface-sdk/ui | Sheet Trigger using the host’s side panels presentation. |
| Skeleton | @dartwic/interface-sdk/ui | Skeleton using the host’s loading placeholders presentation. |
| Slider | @dartwic/interface-sdk/ui | Slider using the host’s numeric ranges presentation. |
| SliderProps | @dartwic/interface-sdk/ui | Numeric range control; values are arrays even for a single thumb. |
| Switch | @dartwic/interface-sdk/ui | Switch using the host’s boolean settings presentation. |
| SwitchProps | @dartwic/interface-sdk/ui | Props accepted by the host switch. |
| Table | @dartwic/interface-sdk/ui | Table using the host’s tabular data presentation. |
| TableBody | @dartwic/interface-sdk/ui | Table Body using the host’s tabular data presentation. |
| TableCaption | @dartwic/interface-sdk/ui | Table Caption using the host’s tabular data presentation. |
| TableCell | @dartwic/interface-sdk/ui | Table Cell using the host’s tabular data presentation. |
| TableFooter | @dartwic/interface-sdk/ui | Table Footer using the host’s tabular data presentation. |
| TableHead | @dartwic/interface-sdk/ui | Table Head using the host’s tabular data presentation. |
| TableHeader | @dartwic/interface-sdk/ui | Table Header using the host’s tabular data presentation. |
| TableRow | @dartwic/interface-sdk/ui | Table Row using the host’s tabular data presentation. |
| Tabs | @dartwic/interface-sdk/ui | Tabs using the host’s tabbed content presentation. |
| TabsContent | @dartwic/interface-sdk/ui | Tabs Content using the host’s tabbed content presentation. |
| TabsContentProps | @dartwic/interface-sdk/ui | Props accepted by a tab content panel. |
| TabsList | @dartwic/interface-sdk/ui | Tabs List using the host’s tabbed content presentation. |
| TabsListProps | @dartwic/interface-sdk/ui | Props accepted by the tab-list container. |
| TabsProps | @dartwic/interface-sdk/ui | Props accepted by the tabs root. |
| TabsTrigger | @dartwic/interface-sdk/ui | Tabs Trigger using the host’s tabbed content presentation. |
| TabsTriggerProps | @dartwic/interface-sdk/ui | Props accepted by a tab trigger. |
| Textarea | @dartwic/interface-sdk/ui | Textarea using the host’s multiline input presentation. |
| TextareaProps | @dartwic/interface-sdk/ui | Controlled multiline text field. |
| Toggle | @dartwic/interface-sdk/ui | Toggle using the host’s pressed-state actions presentation. |
| ToggleProps | @dartwic/interface-sdk/ui | Pressed-state toggle button. |
| Tooltip | @dartwic/interface-sdk/ui | Tooltip using the host’s short contextual help presentation. |
| TooltipContent | @dartwic/interface-sdk/ui | Tooltip Content using the host’s short contextual help presentation. |
| TooltipContentProps | @dartwic/interface-sdk/ui | Props accepted by tooltip popup content. |
| TooltipProps | @dartwic/interface-sdk/ui | Props accepted by the tooltip root. |
| TooltipTrigger | @dartwic/interface-sdk/ui | Tooltip Trigger using the host’s short contextual help presentation. |
| TooltipTriggerProps | @dartwic/interface-sdk/ui | Props accepted by a tooltip trigger. |