Divider

A horizontal or vertical divider to visually separate content sections.

Install

npx @vultra/cli add divider

Usage

<script>
  import { Divider } from '@vultra/ui';
</script>

<p>Content above</p>
<Divider />
<p>Content below</p>

<Divider orientation="vertical" class="h-8 mx-4" />

Props

Prop	Type	Default	Description
orientation	‘horizontal’ | ‘vertical’	‘horizontal’	Divider direction
class	string	-	Additional CSS classes

Notes

• Renders a semantic <hr> element for horizontal dividers.
• Vertical divider renders a <div> with role="separator".
• Supports custom styling via Tailwind classes.