Usage
import { Divider } from "lambda-ui-components";
export default function App() {
return (
<>
<p>Content above</p>
<Divider />
<p>Content below</p>
</>
);
}Divider
Divider component separates content with a line.
Playground
Experiment with all the properties of the Divider component in real time.
Properties
spacing
Spacing of the divider in pixels.
color
Color of the divider.
variant
Variant of the divider.
orientation
Orientation of the divider.
size
Size of the divider.
contentPosition
Content position of the divider.
Content
API Reference
Props
Prop | Default | Type |
|---|---|---|
variant | "solid" | "solid" | "dashed" | "dotted" |
orientation | "horizontal" | "horizontal" | "vertical" |
color | "neutral" | "neutral" | "primary" | "secondary" | "danger" | "success" | "warning" | "info" | "white" | "black" |
size | "tiny" | "tiny" | "small" | "medium" | "large" |
spacing | 5 | number |
contentPosition | "center" | "center" | "start" | "end" |