Border beam

A card with a travelling border beam.

A glowing animated border.

import { BuiBorderBeam } from 'ng-blatui';

<bui-border-beam class="max-w-xs">Travelling border beam.</bui-border-beam>

Colored

Custom beam colour.

<bui-border-beam color="#ec4899">…</bui-border-beam>

A shorter duration.

<bui-border-beam [duration]="4">…</bui-border-beam>

Prop	Type	Default	Description
`duration`	`number`	`6`	Seconds for the beam to complete one full lap.
`color`	`string \| null`	`null`	Beam colour; defaults to the primary theme colour.
`size`	`number`	`2`	Border/beam thickness in pixels.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.