Divider

<!-- Default -->
<hr class="divider " />

<!-- Stub -->
<hr class="divider divider--black divider--stub" />

<!-- Keyline -->
<hr class="divider divider--pumice divider--keyline" />

<!-- Thin -->
<hr class="divider divider--black divider--thin" />

<!-- Thick -->
<hr class="divider divider--pumice divider--thick" />

<!-- Dashed -->
<hr class="divider divider--dashed" />

// @flow
type Props = {|
  extraClasses?: string
|}

const Divider = ({extraClasses}: Props) => (
  <hr className={`divider ${extraClasses || ''}`} />
);

export default Divider;
/* Default: No context defined */

/* Stub */
{
  "extraClasses": "divider--black divider--stub"
}

/* Keyline */
{
  "extraClasses": "divider--pumice divider--keyline"
}

/* Thin */
{
  "extraClasses": "divider--black divider--thin"
}

/* Thick */
{
  "extraClasses": "divider--pumice divider--thick"
}

/* Dashed */
{
  "extraClasses": "divider--dashed"
}

There are no notes for this item.