Badge

Compact status and category label.

All components

Component frame

Default Success Warning Danger

Configuration Options

{
  "packageEntry": "@treeseed/ui/components/astro/data/Badge.astro",
  "defaultProps": {
    "tone": "default",
    "size": "md"
  },
  "configurableProps": [
    {
      "name": "tone",
      "type": "Tone",
      "defaultValue": "default",
      "description": "Semantic color tone."
    },
    {
      "name": "size",
      "type": "'sm' | 'md'",
      "defaultValue": "md",
      "description": "Badge size."
    }
  ]
}

Defaults

{
  "tone": "default",
  "size": "md"
}