Themes
Marketing
Variants
Full Width Progress Bar
Progress Bar Columns
Progress Bar Group
Installation
$ pnpm dlx shadcn@latest add @emailcn/mjml-progress-bar
Usage
import { FullWidthProgressBar } from "@/components/emails/ui-elements/progress-bars/full-width-progress-bar";<FullWidthProgressBar {...FullWidthProgressBar.PreviewProps} />API Reference
Progress Bar
| Prop | Type | Default | Description |
|---|---|---|---|
progress | number | 0 | Progress percentage |
theme | EmailTheme | defaultTheme | Email theme styling |