PUI.Separator (pui v1.0.0)

Copy Markdown

A visual separator for related content and controls.

Examples

<.separator />
<.separator orientation="vertical" class="mx-2 h-5" />
<.separator decorative={false} aria-label="Section boundary" />

Attributes

NameTypeDefaultDescription
orientationstring"horizontal""horizontal" or "vertical"
decorativebooleantrueOmits separator semantics when true
classstring""Additional CSS classes
restglobal—Global HTML attributes

Summary

Functions

separator(assigns)

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 "".
  • Global attributes are accepted.