Irodori彩り
Текст и проверка Steve Обновлено

StyleX

6 официальных семантических токенов

Всего 6 цветов

Обзор StyleX

StyleX — это CSS-in-JS-библиотека Meta для определения статически анализируемых дизайн-токенов через defineVars. Токены соседствуют с компонентами и компилируются в атомарный CSS.

Как использовать

Объявляйте бренд-токены через stylex.defineVars и применяйте их через API stylex.props. StyleX гарантирует детерминированные, бесконфликтные стили.

Официальная документация

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)

黒

Источник: StyleX · defineVars docs example