Divider

A divider is used to partition content into groups.

• Prefix: divider

• Default

  Default	Name	Description
  Divider	divider	A standard divider, as default

• Attributes

  Attributes	Name	Description
  Horizontal	divider-h	A divider divides content horizontal
  Vertical	divider-v	A divider divides content vertical
  Cleared	divider-cleared	Clear the contents above the divider
  Compact	divider-compact	A compact divider without any space above or below it
  Hidden	divider-hidden	A hidden divider divides content without a dividing line
  Inverted	divider-inverted	A divider with colors inverted
  Section	divider-section	A divider divides sections of content with more margins

---

1. Types

1.1 Default

• A standard divider, as default
• Example

  <div class="divider"></div>

1.2 Horizontal

• A divider divides content horizontal
• Example

  <div class="divider divider-h"></div>

1.3 Vertical

• A divider divides content vertical
• Example

  <div class="divider divider-v"></div>

---

2. Variations

2.1 Cleared

• Clear the contents above the divider
• Example

  <div class="divider divider-cleared"></div>

2.2 Compact

• A compact divider without any space above or below it
• Example

  <div class="divider divider-compact"></div>

2.3 Hidden

• A hidden divider divides content without a dividing line
• Example

  <div class="divider divider-hidden"></div>

2.4 Inverted

• A divider with colors inverted
• Example

  <div class="divider divider-inverted"></div>

2.5 Section

• A divider divides sections of content with more margins
• Example

  <div class="divider divider-section"></div>