BorderRingOn this pageRingAtomic props for setting the color of outline.Atomic PropsCSS Propertiesring{Color}-{width}box-shadow: 0 0 0 ${width}px ${Color}UsageResultLoading...Live Editor<Box toEvenly p4> <Input ringRed200-3 borderRed400 /> <Button ringBrand100-3>Button</Button> </Box><Box toEvenly p4> <Input ringRed200-3 borderRed400 /> <Button ringBrand100-3>Button</Button></Box>With PseudoResultLoading...Live Editor<Box toEvenly p4> <Input ringRed200-3--focus borderRed400 /> <Button ringBrand100-3--focus>Button</Button> </Box><Box toEvenly p4> <Input ringRed200-3--focus borderRed400 /> <Button ringBrand100-3--focus>Button</Button></Box>With Color HelperResultLoading...Live Editor<Box toEvenly p4> <Input ringRed400-3--T60 borderRed400 /> <Button ringBrand400-3--T60>Button</Button> </Box><Box toEvenly p4> <Input ringRed400-3--T60 borderRed400 /> <Button ringBrand400-3--T60>Button</Button></Box>