Meter Decimal Format

PreviousNext

meter-decimal-format-demo

Docs
intentuipage

Preview

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

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

export default function MeterDecimalFormatDemo() {
  return (
    <Meter
      formatOptions={{
        style: "decimal",
        minimumFractionDigits: 2,
        maximumFractionDigits: 2,
      }}
      value={75.25}
    >
      <MeterHeader>
        <Label>Progress</Label>
        <MeterValue />
      </MeterHeader>
      <MeterTrack />
    </Meter>
  )
}

Installation

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

Usage

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