← All Components

StatusBadge

Layout & Display

Status indicator with semantic colors for workflow states (open, in_progress, closed, blocked).

Live Demo

Active In Progress Pending Completed
Sizes: Active Active Active

Usage

<script>
  import { StatusBadge } from "jatui"
</script>

<StatusBadge />

Props

PropTypeDefaultDescription
statusStatusValue"open"Status value
size"xs" | "sm" | "md""md"Badge size