<:badge color="secondary" direction="top" align="start"></:badge>
<:badge color="secondary" direction="bottom" align="start"></:badge>
<:badge color="secondary" direction="middle" align="start"></:badge>
<:badge color="secondary" direction="top" align="end"></:badge>
<:badge color="secondary" direction="bottom" align="end"></:badge>
<:badge color="secondary" direction="middle" align="end"></:badge>
<:badge color="secondary" direction="top" align="center"></:badge>
<:badge color="secondary" direction="bottom" align="center"></:badge>
<:badge color="secondary" direction="middle" align="center"></:badge>
<div class="bg-base-300 grid h-32 w-32 place-items-center">content</div>
|