Divider
A line between groups of content — horizontal or vertical, with an optional label in it.
Basic
A plain line between two blocks of text. It is a separator for screen readers.
Invoices are sent on the first day of every month.
Unpaid invoices are reminded about after seven days.
Content
Text or an icon inside the line, at the start, center or end.
Types
solid, dashed or dotted.
Vertical
layout="vertical" stands between items in a row and stretches to its height; content sits in the middle.
Draft
Sign in with your email and password.
Use a passkey on this device.
Design tokens
dt changes the colour, thickness and spacing of one divider.