Divider
Visually or semantically separates content.
# Demo
Horizontal:
Vertical:
# Attributes
Name | Type | Default | Details |
---|---|---|---|
className | string | ' ' | You can customise by passing tailwind classes. |
orientation | vertical | horizontal | horizontal | You can pass divider orientation. |
# Usage
import { NDivider } from 'nayan';
const Divider = () => {
return (
<div>
<h1 className="text-text mb-3 text-lg">Horizontal:</h1>
<NDivider className="my-3" />
<h1 className="text-text mb-3 text-lg">Vertical:</h1>
<NDivider orientation="vertical" className="h-5" />
</div>
);
};
export default Divider;