# Divider

Divider component

# Most common usage scenario

<template>
  <SfDivider />
</template>
<script>
import { SfDivider } from "@storefront-ui/vue";
export default {
  components: {
    SfDivider,
  },
};
</script>

# Props

None.

# Slots

None.

# Events

None.

# CSS modifiers

None.

# CSS custom properties (variables)

  • --divider-display
  • --divider-margin
  • --divider-max-width
  • --divider-width
  • --divider-border
  • --divider-border-width

# Overridden other components CSS variables

None.

You can override CSS variables values bound to this component.

# Play with this component

See all available configurations and play with this component on Storybook.