Skip to content
LoidoltTheme 0.11.1
Svelte 5

Component

StatusDot

A colored dot that reports state where a Badge is too loud, named by `label`.

import { StatusDot } from '@loidolt/theme-svelte';

Example

Approved Approved
Changes requested Changes requested
Awaiting review Awaiting review

Notes

  • label is required: color alone must never carry the state.

Props

Generated from the component source, so it cannot drift from the implementation.

StatusDot props
PropTypeDefaultNotes
label required string—Accessible name — color alone must never carry the state.
class string—
ref bindableHTMLSpanElement | nullnull
variant BadgeVariant'default'

Plus the attributes of HTMLAttributes<HTMLSpanElement>, forwarded to the root element.