Skip to content

Divider

Display a separator between content.

Usage

You can pass label, icon or avatar to the divider component.

OR
vue
<template>
  <SDivider label="OR" />
</template>

Icon

Use any icon from Iconify by setting the icon prop by using this pattern: icon-[{collection_name}--{icon_name}].

vue
<template>
  <SDivider icon="icon-[simple-icons--github]" />
</template>

Avatar

Use the avatar prop as an object and configure it with any of its props.

vue
<template>
  <SDivider
      :avatar="{ src: 'https://avatars.githubusercontent.com/u/77129709?v=4' }"
  />
</template>

Released under the MIT License.