Background Color

Atomic props for controlling the background color of an element.

Atomic PropsCSS Properties
bg{colorName}background-color: {color};
bg={color}background-color: {color};

Usage preset color#

Use bg{colorName} props to control the background color of an element.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Custom color#

Set any background color using bg={value} props.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO