Skip to content

ZDivider

Horizontal or vertical divider

Example


Import

tsx
import { ZDivider } from "zurto-ui";

Usage

tsx
import { ZDivider } from "zurto-ui";

function Example() {
  return (
    <>
      <p>Content above</p>
      <ZDivider />
      <p>Content below</p>
    </>
  );
}

Props

| Prop | Type | Default | Description | | ------------- | ------------- | ----------- | -------------- | ----------------- | | orientation | 'horizontal' | 'vertical' | 'horizontal' | Divider direction | | label | string | - | Center label |

Accessibility

  • ✅ Keyboard navigation support
  • ✅ ARIA attributes included
  • ✅ Screen reader friendly
  • ✅ Focus management

Released under the MIT License.