Irodori彩り

StyleX

6 jetons sémantiques officiels

6 couleurs

À propos StyleX

StyleX est la bibliothèque CSS-in-JS de Meta pour définir des tokens de design analysables statiquement via defineVars. Les tokens sont colocalisés avec les composants et compilés en CSS atomique.

Utilisation

Déclarez les tokens de marque via stylex.defineVars et appliquez-les avec l’API stylex.props. StyleX garantit un style déterministe et sans conflit.

Documentation officielle

Primary

colors.primary

Brand primary — stylex.defineVars docs example

Secondary

colors.secondary

Secondary brand color — docs example

Text

colors.text

Primary text color — docs example

Background

colors.background

Page background — docs example

Accent

colors.accent

Accent — docs example (dark: lightblue)

Primary text

colors.primaryText

Typography token — docs example (dark: white)

Source: StyleX · defineVars docs example