Irodori彩り
Text und Prüfung Steve Zuletzt aktualisiert

StyleX

6 offizielle semantische Tokens

6 Farben

Überblick StyleX

StyleX ist Metas CSS-in-JS-Bibliothek zum Definieren statisch analysierbarer Design-Tokens mit defineVars. Tokens liegen bei den Komponenten und werden zu atomarem CSS kompiliert.

Verwendung

Deklarieren Sie Brand-Tokens via stylex.defineVars und wenden Sie sie über die stylex.props-API an. StyleX garantiert deterministisches, konfliktfreies Styling.

Offizielle Dokumentation

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)

黒

Quelle: StyleX · defineVars docs example