Divider

A divider is a horizontal line that separates content.

<template>
  <ci-divider />
</template>

Spacing

Use the spacing prop to adjust the amount of spacing above and below the divider. The spacing will be the same as the corresponding $space- variable.

<template>
  <div>
    <ci-divider spacing="xs" />
  </div>
</template>

Variant

Use the variant prop to adjust styling of divider. Default value is normal.

<template>
  <DemoGrid>
    <ci-divider />
    <ci-divider variant="slate" />
  </DemoGrid>
</template>