Text Color
| Atomic Props | CSS Properties |
|---|---|
| {colorName} | color: {named color}; |
| color={value} | color: {value}; |
Use color in design system#
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
call preset color：Color palette
Use color props#
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
Color opacity#
transparentize color:
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
opacify color#
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
lighten color#
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
darken color#
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
Hover#
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
hover with transparentize, lighten, darken:
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO
Focus#
SyntaxError: Unexpected token (1:8)
1 : return ()
^LIVE DEMO