Animated beam

An SVG beam linking two nodes.

import { BuiAnimatedBeam } from 'ng-blatui';

<bui-animated-beam from="#a" to="#b">
  <div id="a">…</div>
  <div id="b">…</div>
</bui-animated-beam>

Curved

<bui-animated-beam from="#a" to="#b" [curvature]="60">…</bui-animated-beam>

Prop	Type	Default	Description
`from`	`string`	`''`	CSS selector of the element the beam starts from.
`to`	`string`	`''`	CSS selector of the element the beam ends at.
`curvature`	`number`	`0`	Upward bow of the connecting curve in pixels.
`duration`	`number`	`3`	Seconds for the travelling light to traverse the beam.

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