Skip to main content

Colors

All components share a set of "universal" props, that is props shared by all components and have the same effect.

Colors#

color is one such prop that has the same usage across components. There are five colors and they can be used two ways: solid or outline :

Solid Colors#

Solid colors style the interior of the components, but leave the border (oooo pretty colors ๐Ÿ˜ฏ).

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Outline Colors#

Outline colors change the interior and the border.

caution

Outline colors are not compatible with Switch or plain

Live Editor
Result
SyntaxError: Unexpected token (1:8)
1 : return ()
            ^