Border Color
Use borderColor prop to control the border color of an element.
Name | Value |
|---|---|
border.accent | |
border.active | |
border.active.hovered | |
border.default | |
border.default.hovered | |
border.disabled | |
border.error | |
border.focus | |
border.focus.error | |
border.secondary | |
border.success | |
border.tertiary | |
border.warning | |
current | |
transparent |
#
Documentation
#
#
Usage
#
border.default
border.accent
border.warning
import { Box } from "@optiaxiom/react";
import { Canvas } from "../Canvas";
export function App() {
return (
<Canvas>
<Box borderColor="border.default">border.default</Box>
<Box borderColor="border.accent">border.accent</Box>
<Box borderColor="border.warning">border.warning</Box>
</Canvas>
);
}