v131 · css

@property support <string> syntax

Support for "<string>" syntax component name for registered custom properties.

concepts

  1. @property <string>

    @property accepts <string> as a registered type. Custom properties can hold typed strings with proper inheritance/initial-value support.

  2. Themeable component label

    A design-system card with a tier badge sourced from a typed CSS variable — three theme classes, one custom theme.

  3. Content generator + invalid revert

    Live input that streams a string into content. Side-by-side untyped vs typed shows the revert-on-invalid guard.

  4. i18n string tokens

    Three label tokens registered as inherited <string>. Locale class on the form root reflows every label in the component — pure CSS.

  5. CSS Tooltip via @property

    A toolbar where each button's tooltip text lives in a --tooltip-text: <string> property rendered by ::after { content: var(--tooltip-text) }. Edit any tooltip live; toggle inherited group text to see inherits: true propagate.

  6. Data Table Unit Labels

    A metrics table where column unit labels (s, ms, %) come from a registered --unit-label: <string>. Setting the property on a column header propagates to every cell below via CSS inheritance — no JS touching the cells.

why it shipped

Allows users to use <string> syntax support for registered custom properties.

references