# `LineaUI.Components.Divider`
[🔗](https://github.com/devaction-labs/linea_ui/blob/v0.1.1/lib/linea_ui/components/divider.ex#L1)

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.

# `divider`

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`

---

*Consult [api-reference.md](api-reference.md) for complete listing*