Components
Separates content horizontally or vertically with the vertical flag. Integrates with the View utility's divided property, supports a neutral color to match form field borders, text or custom content next to the divider lines with configurable position, and a blank mode that removes the 1px line.
npx @21st-dev/cli add reshaped/reshaped-dividerLoading preview...
import { Reshaped } from "reshaped/bundle";
import Divider from "@/components/ui/reshaped-divider";
export default function Demo() {
return (
<Reshaped theme="slate">
<div style={{ maxWidth: 400, width: "100%", margin: "0 auto", padding: 24 }}>
<>
Item 1
<Divider />
Item 2
</>
</div>
</Reshaped>
);
}
Loading preview...
Loading preview...
Loading preview...
Loading preview...