# Stat

A metric with a label, value and trend.

Group: Basics

## Import

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

## Examples

### Basic usage

```tsx
function StatDemo() {
  return (
    <HStack gap="8">
      <Stat.Root>
        <Stat.Label>Total Revenue</Stat.Label>
        <Stat.ValueText>$45,231.89</Stat.ValueText>
        <Stat.HelpText>+20.1% dari bulan lalu</Stat.HelpText>
      </Stat.Root>
      <Stat.Root>
        <Stat.Label>Subscriptions</Stat.Label>
        <Stat.ValueText>+2,350</Stat.ValueText>
        <Stat.HelpText>+180.1% dari bulan lalu</Stat.HelpText>
      </Stat.Root>
    </HStack>
  )
}
```