SDivider <s-divider>

import { SDivider } from 'polaris-vue-elements'

Example

Content above the divider.Content below the divider.A stronger divider variant.

<script setup>
import { SDivider, SParagraph } from 'polaris-vue-elements'
</script>

<template>
  <SParagraph>Content above the divider.</SParagraph>
  <SDivider />
  <SParagraph>Content below the divider.</SParagraph>
  <SDivider color="strong" />
  <SParagraph color="subdued">A stronger divider variant.</SParagraph>
</template>

Props

Prop	Type	Description
color	"base" | "strong"	Modify the color to be more or less intense.
direction	"block" | "inline"	Specify the direction of the divider. This uses logical properties.