Separator

A visual or semantic divider.

ng-blatui

An accessible Angular UI library.

DocsSourceAPI

import { BuiSeparator } from 'ng-blatui';

<div buiSeparator class="my-4"></div>
<span buiSeparator orientation="vertical" [decorative]="false" class="h-4"></span>

List

Profile

Billing

Settings

<div class="rounded-lg border">
  <div class="px-4 py-3">Profile</div>
  <div buiSeparator></div>
  <div class="px-4 py-3">Billing</div>
</div>

With label

<div class="relative">
  <div buiSeparator></div>
  <span class="bg-background absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 px-2 text-xs uppercase">Or</span>
</div>