PtahUi.Components.Divider (PtahUI v0.1.0)

Copy Markdown View Source

Divider component to separate content vertically or horizontally.

Examples

<.divider />

<.divider>OR</.divider>

<.divider direction="horizontal">OR</.divider>

<.divider color="primary" placement="start">Section</.divider>

Summary

Functions

divider(assigns)

Functions

divider(assigns)

Attributes

  • color (:string) - Line color. nil renders a subtle gray line. Defaults to nil.
  • direction (:string) - vertical = horizontal line (stacked content), horizontal = vertical line (side-by-side content). Defaults to "vertical".
  • placement (:string) - Placement of the label text: start, center (default), or end. Defaults to "center".
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block - Optional label text rendered between the two lines.