Locara
← All components AI affordances

StatusPill

Linear-style colored-dot + label pill. Tones (neutral/accent/success/warning/danger/live), optional pulse animation.

Inspired by Linear status pills, Notion property pills.

Preview

What it looks like.

Idle Streaming Ready Throttled Offline Live
Usage

Drop it into your app.

import { StatusPill } from '@locara/components'

<StatusPill tone="success">Ready</StatusPill>
<StatusPill tone="live" pulse>Live</StatusPill>

Or copy the source into your repo: locara add status-pill