Meter Currency Format

PreviousNext

meter-currency-format-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/statuses/meter/meter-currency-format-demo.tsx
"use client"

import { Description, Label } from "@/components/ui/field"
import { Meter, MeterHeader, MeterTrack, MeterValue } from "@/components/ui/meter"

export default function MeterCurrencyFormatDemo() {
  return (
    <Meter formatOptions={{ style: "currency", currency: "USD" }} value={15}>
      <MeterHeader>
        <Label>Revenue</Label>
        <MeterValue />
      </MeterHeader>
      <MeterTrack />
      <Description>Current revenue</Description>
    </Meter>
  )
}

Installation

npx shadcn@latest add @intentui/meter-currency-format-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.