Attributes

Attributes = string

Defined in: core.ts:28

An Aberdeen attribute/style/class string, e.g. "display:flex gap:$3 .my-class".

Common values are our surface modifier classes:

• neutral surface: .neutral (shade steps with nesting depth)
• accent surface: .primary .danger .success .warning and .link
• accent variant: .filled .tonal and .outlined

These strings are passed straight through to A as positional arguments, so they accept the full Aberdeen shorthand syntax: CSS shortcuts (p, mt, bg, r, …), spacing variables ($1..$12), CSS custom properties ($s-primary), classes (.foo) and attributes (aria-label=Hi).

Note: because Aberdeen interprets a leading bare word as an element name, write display:flex rather than just flex.