Status

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

Import

tsx

import { Status } from "@indoku/ui"

Examples

Basic usage

OnlineOfflineAway

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>  )}

← Progress Stat →

Created by @indokudev