Styled SystemBorder Color

Border Color

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

💡

See the colors page for a list of all available colors.

Documentation

Usage

border.default

border.brand

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.brand">border.brand</Box>
      <Box borderColor="border.warning">border.warning</Box>
    </Canvas>
  );
}

Copyright 2024 © Optimizely.