PhoenixDuskmoon.Component.Divider (PhoenixDuskmoon v7.2.1)
View SourceDivider 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
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 tonil.- Global attributes are accepted.
Slots
inner_block