Default

<!-- source -->
<Pointer></Pointer>

Directions

<!-- source -->
<Pointer direction="start"></Pointer>
<Pointer direction="end"></Pointer>
<Pointer direction="left"></Pointer>
<Pointer direction="right"></Pointer>

Group

Use .group/pointer to scope transition. Also available as groupClass export

<!-- source -->
<div class="size-24 bg-red-100 group/pointer">
	<Pointer direction="start"></Pointer>
</div>

Color

It takes on the text color of the containing element.

<!-- source -->
<div class="size-24 bg-red-100 group/pointer text-blue-500">
	<Pointer direction="start"></Pointer>
</div>