Divider

The v-divider component is used to separate sections of lists or layouts.

Default

Dividers in their simplest form display a horizontal line.

Thickness

User thickness prop to change divider height.

Color

User color prop to change divider color.

Opacity

User border-opacity-25, border-opacity-50, border-opacity-75, border-opacity-100 class to change divider background opacity.

Inset

Inset prop dividers are moved 72px to the right. This will cause them to line up with list items.

Today
Brunch this weekend?
Ali Connors — I'll be in your neighborhood doing errands this weekend. Do you want to hang out?
Summer BBQ 4
to Alex, Scott, Jennifer — Wish I could come, but I'm out of town this weekend.
Oui oui
Sandra Adams — Do you have Paris recommendations? Have you ever been?
CONTENTS
  • Introduction

  • Default

  • Thickness

  • Color

  • Opacity

  • Inset