# Divider

## Default
<sonic-code>
  <template>
  <sonic-divider></sonic-divider>
  </template>
</sonic-code>

## Align
<sonic-code>
  <template>
  <sonic-divider label="Default centered label"></sonic-divider>
  <sonic-divider label="Right" align="right"></sonic-divider>
  <sonic-divider label="Center" align="center"></sonic-divider>
  <sonic-divider label="Left" align="left"></sonic-divider>
  </template>
</sonic-code>

## Size
<sonic-code>
  <template>
  <sonic-divider size="xs" label="xs"></sonic-divider>
  <sonic-divider size="sm" label="sm"></sonic-divider>
  <sonic-divider size="md" label="md"></sonic-divider>
  <sonic-divider size="lg" label="lg"></sonic-divider>
  </template>
</sonic-code>

## Custom
<sonic-code>
  <template>
  <sonic-divider><span class="mr-2">Lorem ipsum dolor sit amet</span><sonic-badge type="danger">+25</sonic-badge></sonic-divider>
  </template>
</sonic-code>