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