PhoenixDuskmoon.Component.Divider (PhoenixDuskmoon v7.2.1)

View Source

Divider component for separating content sections.

Examples

<.dm_divider />

<.dm_divider>Section Title</.dm_divider>

<.dm_divider orientation="vertical" />

<.dm_divider color="primary" variant="dashed">
  Settings
</.dm_divider>

<.dm_divider size="lg" color="accent" />

Attributes

  • orientation - Divider orientation: horizontal, vertical (default: horizontal)
  • color - Divider color: primary, secondary, accent, info, success, warning, error (default: base)
  • variant - Divider style: solid, dashed, dotted (default: solid)
  • size - Divider thickness: xs, sm, md, lg (default: md)
  • class - Additional CSS classes

Slots

  • :inner_block - Optional content to display in the divider

Summary

Functions

dm_divider(assigns)

Attributes

  • orientation (:string) - Defaults to "horizontal". Must be one of "horizontal", or "vertical".
  • color (:string) - Defaults to "base". Must be one of "base", "primary", "secondary", "accent", "info", "success", "warning", or "error".
  • variant (:string) - Defaults to "solid". Must be one of "solid", "dashed", or "dotted".
  • size (:string) - Defaults to "md". Must be one of "xs", "sm", "md", or "lg".
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • inner_block