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>