Indicator

Indicator to indicate a status of a component.

View on GitHub
content

Usage

import { Indicator } from '@nerdfish/ui'
<Indicator.Root>
	<Indicator.Item>
		<Badge variant="secondary" />
	</Indicator.Item>
	<div className="bg-inverted text-inverted grid h-32 w-32 place-items-center">
		content
	</div>
</Indicator.Root>

Item

99+
content

Positions

top left
top center
top right
middle left
middle center
middle right
bottom left
bottom center
bottom right
content