Reference

Components

71 components, all prefixed I. Every one supports unstyled and a class override; multi-part components take a ui prop for per-slot classes.

Anywhere a component takes an icon, it accepts either shape: a Hugeicons export, or any component that renders an SVG.

Layout & structure

Component	Description
`IApp`	Root wrapper — reactive global config, theme, appearance, RTL/locale
`ICard`	Panel with `outline`/`soft` variants, four paddings, header and footer slots
`IScrollFade`	Scroll container whose edges fade while there is more to scroll
`IScrollArea`	Scroll container with a thin themed scrollbar; scrolling stays native
`ISplitter`	Resizable panes with a draggable handle, with saved layouts
`ISeparator`	Horizontal or vertical rule, optionally with a centred label
`IAppShell`	Page frame — header, sidebar, main and footer slots; scrolls the main column or the page
`ISidebar`	App sidebar — sections, collapsible groups, badges, and a collapse-to-icons mode
`IPageHeader`	Page title, description, breadcrumb slot and a right-aligned action row
`IContainer`	Centred max-width wrapper — five widths, four gutters
`IAspectRatio`	Holds a box at a fixed ratio, so loading content cannot shift the page

Forms

Component	Description
`IForm`	Validating form wrapper — any Standard Schema validator, or your own function
`IFormField`	Label, description, hint, help and error text around a control
`ILabel`	Field label with optional `required` asterisk
`IInput`	Text field with sizes, `invalid` state, affix slots, `clearable`, `loading`, `debounce`
`ITextarea`	Multi-line field with matching sizes, `invalid` state and optional `autosize`
`INumberInput`	Decimal-safe numeric field — the model is a string
`IPasswordInput`	Masked field with a show/hide toggle and an optional strength meter
`IPinInput`	One cell per character for a short code — the model is a plain string
`ITagsInput`	Collects a list as removable tags — delimiter, `max`, paste splitting
`IFileUpload`	Drag-and-drop file field with `accept` / `maxSize` / `maxFiles` and thumbnails
`ISignaturePad`	Drawn signature with undo and clear — the model is a PNG data URL
`IDatePicker`	Calendar in a popover; the model is an ISO `YYYY-MM-DD` string
`IDateRangePicker`	Two-month range calendar; the model is `{ start, end }` ISO strings
`ITimeField`	Segmented time entry — the model is a `HH:mm` string
`ICheckbox`	Tri-state checkbox, optional `label` + `description`
`ISwitch`	Accessible toggle, optional `label` + `description`
`ISlider`	One value or a range on a single track, with an optional label, live value and min/max scale
`IToggle`	A button that stays pressed — one look, sizes and icon padding matching `IButton`
`IToggleGroup`	A row of toggles sharing one Tab stop — `joined` or `plain`, single or multiple
`IRadioGroup`	Radio list with labels wired up automatically
`ISelect`	Listbox with keyboard nav and typeahead, driven by an `items` array
`ICombobox`	Searchable select — filters as you type, with virtualized rows
`IColorPicker`	Saturation plane, hue and opacity ramps, hex field and presets

Actions

Component	Description
`IButton`	Four variants, five sizes, `loading`, `block` and `square`, polymorphic via `as`
`IButtonGroup`	Joins any children into a segmented control
`IDropdownMenu`	Menu driven by an `items` array, with separators, group labels and submenus

Overlays

Component	Description
`ICommandPalette`	Every command behind one shortcut — grouped, searchable, keyboard-driven
`IDialog`	Modal with header/body/footer slots, `dismissible` and `showClose`
`IDrawer`	Panel or sheet attached to any edge — swipe to dismiss, optional snap points
`IConfirmDialog`	Host for `useConfirm()` — renders the promise-based confirmation
`ITooltip`	Hover/focus tooltip with side, align, delay and optional arrow
`IPopover`	Panel anchored to its trigger — sides, arrow, optional `modal` focus trap
`IContextMenu`	Right-click menu sharing `IDropdownMenu`'s entries and theme

Feedback

Component	Description
`IAlert`	Inline contextual message in four variants
`IBanner`	Page-level announcement — full-bleed, six variants, sticky or fixed
`IBadge`	Status pill — five variants × three sizes; `dot` moves the colour onto a dot
`IToaster`	Host for `useToast()`; six viewport positions, stacking, action buttons
`IProgress`	Determinate or `indeterminate` bar, six variants, `formatValue`
`ISkeleton`	Loading placeholder — `text`/`rect`/`circle`, stackable with `lines`
`IEmptyState`	Icon, title, description and an `actions` slot for empty lists

Component	Description
`INavigationMenu`	App nav bar with hover-opened panels sharing one animated viewport, horizontal or vertical
`IMenubar`	Application menubar — File/Edit/View, hover to swap menus
`IToolbar`	Bar of controls sharing one Tab stop, with arrow-key navigation
`IAccordion`	Disclosure list — one panel or several, plain or outline, animated height
`ICollapsible`	One region that opens and closes — the bare disclosure behind `IAccordion`
`ITabs`	`solid` or `line` variants with an animated indicator
`IBreadcrumb`	Trail from an `items` array; the last crumb is the current page
`IPagination`	Page list with ellipsis, edge pages and prev/next controls
`IStepper`	Multi-step progress, horizontal or vertical, optional `linear` ordering

Data display

Component	Description
`ITable`	Sorting, selection, expansion and per-cell slots, client- or server-driven
`IStat`	KPI tile — label, value, signed delta with trend colour, and a hint
`IKbd`	Keyboard shortcut as chips — `mod` renders ⌘ or Ctrl per platform
`ITimeline`	Ordered run of events — icons, status variants, machine-readable times
`ITree`	Expandable nested list — selection and expansion as arrays of values
`IAvatar`	Person or organisation — initials fallback, five sizes, presence dot
`IAvatarGroup`	Overlapped stack with a `max` and a "+n" chip

Charts

Plain SVG, no charting dependency. They inherit the theme like everything else, so they follow light and dark for free.

Component	Description
`ISparkline`	Tiny inline trend line, sized to whatever box you put it in
`IBarChart`	Vertical or horizontal, grouped or stacked, round-number axis, hover tooltip
`ILineChart`	Line or area, single or multi-series, with a crosshair and hover marker
`IChartLegend`	Standalone legend; shown automatically from two series up

Components ​

Layout & structure ​

Forms ​

Actions ​

Overlays ​

Feedback ​

Navigation ​

Data display ​

Charts ​