The complete library
Components
Core, layout, form, display, and overlay building blocks. Try them here, then open any component for its exact markup and generated API. Editor components live in their own section.
Showing 36 components
Affordance Scope
A lightweight interaction scope that lets nearby controls anticipate pointer movement without adding listeners or hit regions to every control.
View componentAvatar
Image and fallback initials primitive for identity surfaces such as profiles and assignees.
View componentAvatar Group
Container that displays overlapping avatars with an optional "+N" overflow pill when the count exceeds the visible maximum.
View componentButton
Essential button primitive that enhances semantic button markup and styling hooks.
View componentCallout
A static semantic message surface with a tone-specific icon. It is not a live alert and does not include dismissal behavior.
View componentCombobox
A normal text field with contextual rich suggestions and integrated optional help
View componentContext Menu
Action menu with a visible keyboard/touch trigger plus supplemental pointer-context support.
View componentDialog
Overlay primitive that coordinates native `dialog` behavior with shared overlay stack rules.
View componentEditable
Reveal an editing control from an explicit presentation trigger. The component
View componentForm Field
Form-field composition primitive that links label/control/description semantics.
View componentIcon Button
Icon-only button primitive with stable square sizing and variant tokens for shell controls, compact actions, and editor chrome.
View componentInput
Text input that lowers directly to a native `<input>` while applying Looma's shared control theme.
View componentMenu
Menu container primitive that manages focus and selection across `ui-menu-item` children.
View componentRadio
Radio control primitive for mutually exclusive options, typically composed within `ui-radio-group`.
View componentRadio Group
Grouped selection primitive that coordinates `ui-radio` descendants, keyboard navigation, and normalized selection events.
View componentReel
Contained, keyboard-focusable horizontal scrolling for cards and other repeated items.
View componentSearch Shell
Responsive dialog structure for application search and command palettes. It owns visibility, dismissal, accessible dialog semantics, and the search/status/body/footer regions while applications retain query and result state.
View componentSelect
Select control that lowers directly to a native `<select>`; author `<option>` children directly inside it.
View componentSidebar
An application sidebar panel. Docked beside the page's main content it can be resized and collapsed; below its breakpoint it becomes an off-canvas drawer. It is only the panel: the page lays it out next to its content.
View componentSwitcher
Intrinsic equal-column layout that stacks when its own container becomes too narrow.
View componentTextarea
Multiline input that lowers directly to a native `<textarea>` while applying Looma's shared control theme.
View componentTooltip
Contextual overlay primitive that links descriptive content to a trigger element.
View componentTop Bar
Mobile-first navigation shell with slots for leading controls, title content, an optional search affordance, and trailing actions.
View component