Spinner
A spinning loading indicator.
import { BuiSpinner } from 'ng-blatui';
<bui-spinner />Sizes
<bui-spinner class="size-4" />
<bui-spinner class="size-6" />
<bui-spinner class="size-8" />Colors
<bui-spinner class="text-primary" />
<bui-spinner class="text-destructive" />With label
<div class="text-muted-foreground flex items-center gap-2 text-sm">
<bui-spinner class="size-4" /> <span>Loading…</span>
</div>In button
<button buiButton disabled>
<bui-spinner class="size-4" /> Please wait
</button>Custom icon
<!-- any svg + animate-spin -->
<svg class="size-6 animate-spin text-primary"><!-- custom icon --></svg>