Properties

Properties are written inside a component body as name: value. Each property has a dedicated page in the sidebar, with a focused example and room for its own Tailwind guidance.

Values can be quoted strings, bare tokens, bindings such as $user.name, imported token references such as theme.primary, or conditional expressions. Conditions must be parenthesized: (user.is_admin) ? blue-600 : slate-600. Styling properties can also be scoped with hover, focus, active, disabled, and dark blocks, or a descendant selector such as [&_a].