Forms
Explore the live examples that also power your theme customizer.
30 components
Button
Essential button primitive that enhances semantic button markup and styling hooks.
@threadlabs/looma
Default
Su
M
T
W
Th
F
S
No available dates this month.
Calendar
Keyboard-accessible day, month and year navigation with shared availability rules.
@threadlabs/looma
Choose a date
Color Picker
Square or circular swatch button with shared control sizing and a dismissible RGB/hex colour editor.
@threadlabs/looma
Accent color
Combobox
A searchable text field with authored <option> suggestions.
@threadlabs/looma
Label and options
Read the release notes before updating.
Compact Content
An escaped semantic rendering of a short rich-text document.
@threadlabs/looma
Short rich-text content
A short message with emphasis
Compact Editor
A short rich-text field with inline formatting, native shortcuts and controlled document changes.
@threadlabs/looma
Short rich-text field
Appearance
Cycle Button
One compact native button that cycles an ordered set of named icon states without moving focus.
@threadlabs/looma
Cycling appearance
Date Field
Type dates and times without changing their stored meaning.
@threadlabs/looma
Type a date
Su
M
T
W
Th
F
S
No available dates this month.
Su
M
T
W
Th
F
S
No available dates this month.
Date Range Picker
Type or select date ranges without shifting an already chosen endpoint.
@threadlabs/looma
Edit a date range
Editor
A structured document editor with formatting, tables, references and host-owned services.
@threadlabs/looma
Document editor
Attachments
Drop files here, or choose files below.
File Input
Choose or drop files, with native forms and accessible removal.
@threadlabs/looma
Choose or drop files
Form Field
Form-field composition primitive that links label/control/description semantics.
@threadlabs/looma
Label, control, and help
Icon Button
Icon-only button primitive with stable square sizing and variant tokens for shell controls, compact actions, and editor chrome.
@threadlabs/looma
Default
Input Group
An Input with fixed text before or after the value, such as a domain suffix.
@threadlabs/looma
Suffix
Number Input
Bounded exact number and unit editing with safe arithmetic, stepping and keyboard controls.
@threadlabs/looma
Exact and visual editing
Radio
Radio control primitive for mutually exclusive options, typically composed within ui-radio-group.
@threadlabs/looma
Default
Radio Group
Grouped selection primitive that coordinates ui-radio descendants, keyboard navigation, and normalized selection events.
@threadlabs/looma
Default horizontal
Segmented Control
A compact shared track for mutually exclusive choices.
@threadlabs/looma
One visible choice
Select
Select control that lowers directly to a native <s-lect>; author <option> children directly inside it.
@threadlabs/looma
Default
Slider
Native accessible range paired with bounded exact number and unit editing.
@threadlabs/looma
Exact and visual editing
Swatch
A round colour dot that is a native radio, named by its tone, for choosing a colour inside a radio group.
@threadlabs/looma
Choose a color
Switch
Binary control primitive that reflects switch semantics for checked state.
@threadlabs/looma
Default
Textarea
Multiline input that lowers directly to a native <textarea> while applying Looma's shared control theme.
@threadlabs/looma
Default
Time Field
Editable times with canonical values and locale-aware display.
@threadlabs/looma
Opening time
Time Picker
Block-based time entry with localized pointer choices.
@threadlabs/looma
Type or choose a time