Ring

Atomic props for setting the color of outline.

Atomic PropsCSS Properties
ring{Color}-{width}box-shadow: 0 0 0 ${width}px ${Color}

Usage#

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

With Pseudo#

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

With Color Helper#

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