Files
tabler/shared/ui/StatusDot.astro
T

14 lines
317 B
Plaintext

---
interface Props {
color?: string
animated?: boolean
label?: string
}
const { color, animated, label } = Astro.props
const classes = ['status-dot', color && `status-${color}`, animated && 'status-dot-animated']
---
<span class:list={classes}>{label && <span class="visually-hidden">{label}</span>}</span>