Components
Every component Numori UI ships — 39 in total, grouped by what they do.
Contents
Getting started
Actions
Layout & display
Actions
Forms
- UiInputText, number, password, email, phone and textarea input.
- UiSelectCustom select with search, grouping, icons and loading.
- UiCheckboxA single checkbox control.
- UiRadioA single radio button for a mutually exclusive group.
- UiToggleAn on/off switch.
- UiSliderA native range slider with the Numori accent.
- UiFileInputA file picker wrapping any trigger content.
- UiFormFieldLabel, hint and error wrapper for a control.
- UiNumpadA numeric keypad for PIN entry.
- UiStepperA dotted step indicator.
Overlays
- UiModalA teleported, mobile-aware dialog.
- UiPromptA confirm/cancel dialog.
- UiDropdownA trigger-and-panel menu.
- UiDropdownItemA single row inside a dropdown.
- UiDropdownRowA horizontal row of dropdown actions.
- UiDropdownSubmenuA nested submenu within a dropdown.
- UiPopupA panel anchored to coordinates.
- UiTooltipA hover/focus tooltip wrapping a trigger.
Feedback
Layout & display
- UiListMenuA grouped list container.
- UiListMenuItemA row inside a list menu.
- UiDividerA separator line.
- UiAvatarA circular avatar with an icon fallback.
- UiKbdA keyboard-key badge.
- UiIconRenders an icon by name.
- UiCardThe surface primitive: a bordered, rounded, elevated container.
- UiIconTileA rounded, tinted tile holding a single icon.
- UiSectionHeadingEyebrow, heading and standfirst for a page or section.
- UiBreadcrumbThe trail from the site root to the current page.
- UiCodeBlockA static, copyable code snippet.
- UiTableA data table with a built-in comparison mode.