Phoenix Duskmoon UI Storybook

Divider

With text Open in playground 
<.dm_divider >
  Section Title
</.dm_divider>
Vertical divider Open in playground 
<.dm_divider orientation="vertical"/>
Primary color Open in playground 
<.dm_divider color="primary">
  Primary Section
</.dm_divider>
Success divider Open in playground 
<.dm_divider color="success">
  Success
</.dm_divider>
Warning divider Open in playground 
<.dm_divider color="warning">
  Warning Area
</.dm_divider>
Error divider Open in playground 
<.dm_divider color="error">
  Error Section
</.dm_divider>
Info divider Open in playground 
<.dm_divider color="info">
  Information
</.dm_divider>
Dashed variant Open in playground 
<.dm_divider color="primary" variant="dashed">
  Dashed Divider
</.dm_divider>
Dotted variant Open in playground 
<.dm_divider color="accent" variant="dotted">
  Dotted Divider
</.dm_divider>
Small divider Open in playground 
<.dm_divider size="xs" color="secondary"/>
Large divider Open in playground 
<.dm_divider size="lg" color="primary">
  Large Divider
</.dm_divider>
Settings section Open in playground 
<.dm_divider color="primary" variant="dashed">
  Settings
</.dm_divider>
Vertical with color Open in playground 
<.dm_divider color="success" orientation="vertical"/>
Vertical large Open in playground 
<.dm_divider size="lg" color="accent" orientation="vertical"/>
Accent colored Open in playground 
<.dm_divider color="accent">
  Accent Content
</.dm_divider>
Secondary colored Open in playground 
<.dm_divider color="secondary">
  Secondary Section
</.dm_divider>