Irodori彩り

StyleX

6개의 공식 시맨틱 토큰

총 6가지 색상

개요 StyleX

StyleX는 Meta의 CSS-in-JS 라이브러리로, defineVars로 정적으로 분석 가능한 디자인 토큰을 정의합니다. 토큰은 컴포넌트와 함께 배치되고 atomic CSS로 컴파일됩니다.

사용 방법

stylex.defineVars로 브랜드 토큰을 선언하고 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