Koala logo Design
No matches for “
↑↓ navigate open Esc close
PatternsSettings row

Settings row

One setting: its name, an optional line saying what it does, and one control.

<koala-settings-row>

Six control slots, and there is no seventh

Toggle

A boolean. Saves on change, so no Save button.

Select

One of a known few. Saves on change.

Value and drill-in

Too big for a row. Opens a tray, never a new page.

4 categories

Status and action

State the system knows, plus the one thing to do about it.

Action needed

Text entry

Commits from the group footer. Never saves on blur.

API

title string — The setting's name.
description string? — One line on what this controls, or what happens when it changes.
value string? — The current answer, shown before the chevron on a drill-in row.
disabled bool — Disables the control for real, via a disabled fieldset.
disabled-because string? — Names what switches this back on, e.g.
sortable-id string? — Makes the row draggable within its container, carrying the id the reorder post sends back.
id string? — Overrides the derived id when two rows in one group would otherwise share a title.
class string? — Extra classes merged onto the row.