Irodori彩り

StyleX

6 个官方语义 token

共 6 种颜色

简介 StyleX

StyleX 是 Meta 出品的 CSS-in-JS 库,通过 defineVars 定义可被静态分析的 design token。Token 与组件就近放置,并编译为原子化 CSS。

如何使用

使用 stylex.defineVars 声明品牌 token,并通过 stylex.props API 应用。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