Skip to Content
StylingBorder Color

Border Color

Use borderColor prop to control the border color of an element.

Name

Styles

border.accent
border.control
border.control.hovered
border.default
border.disabled
border.error
border.focus
border.focus.error
border.secondary
border.success
border.tertiary
border.warning
current
transparent

Documentation

Usage

border.secondary

border.accent

border.warning

import { Box } from "@optiaxiom/react"; import { Canvas } from "../Canvas"; export function App() { return ( <Canvas> <Box borderColor="border.secondary">border.secondary</Box> <Box borderColor="border.accent">border.accent</Box> <Box borderColor="border.warning">border.warning</Box> </Canvas> ); }
Last updated on