Downloads

button.txt

Triggers an action. Six variants, three sizes.

input.txt

Single-line text entry, with the label, help and error pattern that goes with it.

select.txt

Choice from a known, closed set of options.

date-picker.txt

Single-date and date-range selection from a keyboard-operable calendar.

checkbox.txt

On-or-off choices and one-of-many choices, each with its label beside it.

switch.txt

An on or off setting that takes effect the moment it changes.

slider.txt

A duration, count or amount chosen by dragging along a bounded scale, as one value or a range.

search.txt

A search field with its icon, a clear button and the number of results.

card.txt

Groups related content into one surface on the layer above.

description-list.txt

Labelled values in a row or a stack. The summary block at the top of a record.

metric.txt

Headline figures with a label and a change, aligned on one surface. The top of a dashboard.

chart.txt

Columns, stacked columns, lines, areas, two scales, ranked bars and a donut, drawn from theme roles, with a readout on hover or focus.

heatmap.txt

A matrix of values on one sequential scale, where every cell can be focused and opened for its detail.

timeline.txt

Events in time order on a hairline rail. A booking history, a day’s schedule, a workflow’s progress.

itinerary.txt

A trip, day by day: where each day goes, what runs when, and where everyone sleeps.

calendar.txt

A month of departures, bookings or deadlines laid out on the days they fall.

map.txt

A route and its stops drawn on a map, with a numbered marker for each stop.

flow.txt

Steps and the connections between them on a pannable canvas, for automations and process maps.

app-shell.txt

The frame of a product: a rail of destinations, a top bar and the main column.

spinner.txt

An arc that turns while something loads, with the status written beside it.

progress.txt

Segmented bars for how far a task has got, and where a measurement sits in its range.

skeleton.txt

Flat placeholder shapes that hold the layout of content that is still loading.

accordion.txt

Page sections that open and close under their own headings.

toast.txt

A short confirmation that an action worked, with a way to undo it.

reorder.txt

A list whose order is the meaning, rearranged by dragging a handle or with the keyboard.

board.txt

Records as cards in columns by stage, moved between stages by drag or keyboard.

editable-cell.txt

A table value that is edited where it is shown, with saving and error states.

tooltip.txt

A short label on hover or focus, and a small panel opened by a button.

empty-state.txt

What a region shows when it has nothing in it: why, and the one thing to do next.

breadcrumbs.txt

The path from a section to the current page, as a list of links.

pagination.txt

Range text and page links for a long list that is served one page at a time.

segmented-control.txt

Two to five joined options, exactly one selected, that switch a view or a setting in place.

stepper.txt

Numbered steps that show progress through a task, and the wizard recipe that validates each one.

walkthrough.txt

Numbered steps beside the interface they describe, and a strip of screens that tells a flow frame by frame.

split-view.txt

A list of records beside the detail of the selected one, each pane scrolling on its own.

file-upload.txt

A dropzone over a native file input, and a list of the chosen files with their progress and errors.

assistant-panel.txt

A side panel for conversing with Runa: messages, cited sources, suggestions and a prompt.

rich-text-editor.txt

A field with a formatting toolbar for short structured text, and the prose styles it produces.

badge.txt

A short status label. Four status colours, shared with tables.

table.txt

Quiet data table with sorting, selection, expandable rows, row actions, a toolbar and sticky columns.

menu.txt

A short list of actions behind one button, for a record or a toolbar.

kbd.txt

A key or key combination, shown inline, in a control, or in a list of shortcuts.

command-palette.txt

A searchable list of actions, pages and records, opened over the page with ⌘K.

modal.txt

A focused, interrupting dialog built on the native dialog element.

drawer.txt

A full-height panel over the page, from its end edge, to read or edit one record without leaving the list.

note.txt

Inline contextual message in one of four semantic tones.

tabs.txt

Switches between sibling views within one context.

avatar.txt

Represents a person or account, as an image or initials.