Overview
The Divider component provides visual separation between content sections with support for text and icon variants.Basic Usage
- Code
- Preview
With Text
- Code
- Preview
With Icon
- Code
- Preview
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Divider component for separating content sections
import { Divider } from '@peppermint-design/devreadykit-custom';
export default function DividerBasic() {
return (
<div>
<p>Content above</p>
<Divider />
<p>Content below</p>
</div>
);
}
import { Divider } from '@peppermint-design/devreadykit-custom';
<Divider variant="text">
OR
</Divider>
import { Divider } from '@peppermint-design/devreadykit-custom';
import { Settings } from '@/assets/icons';
<Divider variant="icon" icon={<Settings />} />