House components · Application UI
Verification Progress
Multi-step verification status tracker with tone-colored steps, optional counts, and connecting rails.
@byronwade/foundation@byronwade/utils
Feature showcase
Installation
Features
6 examples
Default, With Counts, Statuses, All Tones, Two Steps, Many Steps.
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| steps | VerificationStep[] | - | Ordered steps with tone, label, optional count and description. |
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
Source and related
| File | Path |
|---|---|
| Component | registry/components/verification-progress.tsx |
| Default example | content/examples/verification-progress/default.tsx |
| With Counts example | content/examples/verification-progress/with-counts.tsx |
| Statuses example | content/examples/verification-progress/statuses.tsx |
| All Tones example | content/examples/verification-progress/all-tones.tsx |
| Two Steps example | content/examples/verification-progress/two-steps.tsx |
| Many Steps example | content/examples/verification-progress/many-steps.tsx |