Border Radius
Use rounded prop to control the border radius of an element.
Name | Value | Pixels |
|
|---|---|---|---|
xs | |||
sm | |||
md | |||
lg | |||
full | |||
inherit | |||
none |
#
Documentation
#
#
Usage
#
rounded=sm
rounded=md
rounded=lg
rounded=full
import { Box } from "@optiaxiom/react";
import { Canvas } from "../Canvas";
export function App() {
return (
<Canvas>
<Box rounded="sm">rounded=sm</Box>
<Box rounded="md">rounded=md</Box>
<Box rounded="lg">rounded=lg</Box>
<Box rounded="full">rounded=full</Box>
</Canvas>
);
}