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