Dot pattern

A decorative dotted background layer.

Default dot pattern

import { BuiDotPattern } from 'ng-blatui';

<div class="relative overflow-hidden rounded-xl border">
  <bui-dot-pattern />
</div>

Dense

Tighter gap

<bui-dot-pattern [gap]="10" />

Radial mask fade

<bui-dot-pattern [mask]="true" />