Border Radius
Use rounded prop to control the border radius of an element.
Name | Styles |
|---|---|
xs | |
sm | |
md | |
lg | |
xl | |
full | |
inherit | |
none |
#
Documentation
#
#
Usage
#
rounded=sm
rounded=md
rounded=lg
rounded=full
import { Canvas } from "@/demos/Canvas";
import { Box } from "@optiaxiom/react";
export function App() {
return (
<Canvas outside>
<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>
);
}Last updated on