Progress

linear / circular の M3 プログレスインジケーター。determinate / indeterminate をサポート。

参考: Material Design 3 公式ガイドライン m3.material.io/components/progress-indicators/overview

Import

import { Progress, ThemeProvider } from '@m3-baseui/react-tailwind';

使用例

<Progress.Linear value={60} aria-label="進捗" />
<Progress.Circular value={66} aria-label="進捗" />

Props

Prop既定値説明
Progress.Linear valuenumber0–100(determinate)
Progress.Circular valuenumber0–100(determinate)