StatusPill

Inline status with dot indicator.

All components

Component frame

Healthy Delayed Blocked

Configuration Options

{
  "packageEntry": "@treeseed/ui/components/astro/data/StatusPill.astro",
  "defaultProps": {
    "tone": "success",
    "label": "Healthy"
  },
  "configurableProps": [
    {
      "name": "tone",
      "type": "Tone",
      "defaultValue": "success",
      "description": "Semantic color tone."
    },
    {
      "name": "label",
      "type": "string",
      "defaultValue": "Healthy",
      "description": "Status text."
    }
  ]
}

Defaults

{
  "tone": "success",
  "label": "Healthy"
}