LineaUI.Components.Divider (linea_ui v0.1.1)

Copy Markdown View Source

LineOne's divider: a hairline between stacked or side-by-side content, with optional text in the middle.

<.divider />
<.divider>OR</.divider>
<div class="flex">
  <div>…</div>
  <.divider orientation="vertical">OR</.divider>
  <div>…</div>
</div>

horizontal is a horizontal line between content stacked vertically (what LineOne's page calls "Divider Vertical"); vertical is a vertical line in a row.

Summary

Functions

Renders a divider, with the inner block as its text when given.

Functions

divider(assigns)

Renders a divider, with the inner block as its text when given.

<.divider>OR</.divider>
<.divider orientation="vertical" />

Attributes

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

Slots

  • inner_block