Modifiers

Modifier keywords follow the component label on the same line, separated by spaces.

button "Save" primary
button "Delete" disabled
input "Email" error
alert "Session expired" warning

Multiple modifiers can be combined:

button "Archive" primary disabled

Full reference

Modifier	Accepted by	Visual effect
`primary`	`button`	Filled blue background, white label
`disabled`	`button`, `input`, `select`, `textarea`	Reduced opacity, non-interactive appearance
`active`	`nav` items	Highlighted item with blue text and left border accent
`error`	`input`, `textarea`, `alert`	Red border or red background
`warning`	`alert`	Amber background
`info`	`alert`	Blue background
`horizontal`	`sidebar`, `navbar`, `stack`	Forces horizontal item layout
`vertical`	`sidebar`, `nav`	Forces vertical item layout (default for these)
`centered`	`footer`, `empty_state`	Centers content horizontally
`small`	`icon`	12px icon placeholder box
`large`	`icon`	24px icon placeholder box

The nav component takes a comma-separated list of items. The active modifier applies to individual items, not to the nav component itself:

nav "Dashboard" active, "Users", "Settings"

Only one item should carry active at a time.

Modifiers are parsed on the same line as the component declaration. They cannot appear on the following line.

button "Save"
primary          ← NOT valid — primary is on a new line

button "Save" primary   ← valid