`<c-divider>`

Examples

Basic

Vue

React

Angular

TypeScript

<template>
  <div>
    <p>Profile</p>

    <c-divider />

    <p>Preferences</p>
  </div>
</template>

Vertical

Vue

React

Angular

TypeScript

<template>
  <div class="example-row">
    <span>Details</span>

    <c-divider vertical />

    <span>Members</span>

    <c-divider vertical />

    <span>Settings</span>
  </div>
</template>

API reference

`<c-divider>`

Properties

Property	Attribute	Type	Default	Description
`vertical`	`vertical`	`boolean`	`false`	Render a vertical separator instead of the default horizontal one.

CSS parts

Style from outside with c-divider::part(name) — parts are the library's only styling customization API.

Part	Description
`root`	The separator line element itself