ColorDot

Small colored dot for legends and status. Supports pulse animation.

Preview

Usage

import { ColorDot } from '@ramtt/ui'

<ColorDot color="positive" />
<ColorDot color="#16A34A" label="Z2" size="lg" pulse />

Props

PropTypeDefaultDescription
color*'positive' | 'negative' | 'warning' | 'info' | stringDot color
size'sm' | 'md' | 'lg''md'Dot size
labelstringLabel text beside dot
pulsebooleanfalsePulse animation