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.