Shadix.Components.Separator (shadix v0.0.1)

Copy Markdown View Source

A visual separator (divider) between content.

Translated from the shadcn/ui separator component. By default it is decorative — it renders a <div> with role="none" and is hidden from the accessibility tree. Pass decorative={false} to expose it to screen readers as a semantic separator (role="separator" with aria-orientation), matching shadcn/Radix's decorative prop and base-ui's separator.

The orientation is reflected as data-orientation to drive the data-[orientation=...] Tailwind selectors.

Summary

Functions

separator(assigns)

Attributes

  • orientation (:string) - Defaults to "horizontal". Must be one of "horizontal", or "vertical".
  • decorative (:boolean) - Defaults to true.
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.