You are currently on Anvil1, which is now in maintenance mode. Visit Anvil2 to get the latest version of the design system.
components / Structure

Divider

Vertical

Add the vertical prop in order to set the divider vertically-oriented.

Spacing

Provides control over Divider's gutter size.

Divider with content

Divider may have a small piece of content, placed (by default) in its center.

Align content

Controls the alignment of content on the horizontal or vertical axis.

Color

In certain situations the color also may be set using classname or style.

Best Practices

  • The divider renders as an <hr> by default, but with proper styling.
  • Сontent must be small and clear, e.g. a short text wrapped into Eyebrow component or just an Icon.

Importing

import { Divider } from '@servicetitan/design-system';