Layout family

Form layout

Multi-field forms: width, sections, actions. Composes with field() for label, hint, and error — never redeclare those classes on a one-off field.

import { formLayout, field, input } from '@sportingscouter/ui';
const f = formLayout({ width: 'form', columns: 'one' });
const fld = field();

Use columns: 'two' only on desktop settings — never on a phone-first flow.

Sporting Scouter Design System
Every token on this site is generated from theme.css.