Divider

Visually or semantically separates content.
# Demo

Horizontal:

Vertical:

# Attributes
NameTypeDefaultDetails
classNamestring' 'You can customise by passing tailwind classes.
orientationvertical | horizontalhorizontalYou 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;