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 { Canvas } from "@/demos/Canvas";
import { Box } from "@optiaxiom/react";
 
export function App() {
  return (
    <Canvas transparent>
      <Box border="2" borderColor="border.secondary">
        border.secondary
      </Box>
      <Box border="2" borderColor="border.accent">
        border.accent
      </Box>
      <Box border="2" borderColor="border.warning">
        border.warning
      </Box>
    </Canvas>
  );
}

Border Color

#Documentation

#Usage

#
Documentation

#
Usage