Starter UI

Divider

A divider line separates different content.

import { Divider } from "@starter-ui/core"

Default

Preview

Code

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo modo.

Colors

Preview

Code

Divider with default color.

Divider with primary color.

Divider with secondary color.

Divider with success color.

Divider with warning color.

Divider with error color.

Divider with gray color.

Types

Preview

Code

Divider with solid type.

Divider with dashed type.

Divider with dotted type.

With Label

Preview

Code

Divider with label.

Text

On This Page