Aller au contenu principal

Divider

Every example on this page is live, drawn by the library's Storybook, where you can also change its props and see the result.

A horizontal or vertical separator with optional label.

Import​

import { Divider } from "~lib/layout/divider";

Props​

NameTypeRequiredDefaultDescription
orientation"horizontal" | "vertical"No"horizontal"Direction of the divider
labelstringNoN/ACentered label text
spacing"none" | "sm" | "md" | "lg"No"md"Margin around divider

Examples​

Horizontal​

Ouvrir Horizontal dans Storybook

With Label​

Ouvrir With Label dans Storybook

Large Spacing​

Ouvrir Large Spacing dans Storybook

See Also​

  • Card - Bordered container
  • Fade - Fade transition