Components

Divider

Angular Material Divider separates content within a layout, providing a visual break that improves readability and organization.

Example

Below is an example of how BuilderKit restyles the Angular Material Divider and gives it a more modern appearance.

Divider

Item 1

Item 2

Item 3

Inset divider

Item 1

Item 2

Item 3

Vertical divider

Item 1

Item 2

Item 3

<div>
  <div>Item 1</div>
  <mat-divider />
  <div>Item 2</div>
  <mat-divider />
  <div>Item 3</div>
</div>