# Status

A colored dot with a label for system or user status.

Group: Basics

## Import

```tsx
import { Status } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
function StatusDemo() {
  return (
    <HStack gap="4">
      <Status.Root colorPalette="green">
        <Status.Indicator />
        Online
      </Status.Root>
      <Status.Root colorPalette="red">
        <Status.Indicator />
        Offline
      </Status.Root>
      <Status.Root colorPalette="yellow">
        <Status.Indicator />
        Away
      </Status.Root>
    </HStack>
  )
}
```