ProgressIndicator
A progress indicator component displaying multiple steps.
Importing
ts
import "@tapsioss/web-components/progress-indicator";ts
import { ProgressIndicator } from "@tapsioss/react-components/ProgressIndicator";Component Usage
html
<tapsi-progress-indicator></tapsi-progress-indicator>tsx
<ProgressIndicator />Properties
| Name | Description | Type | Default Value |
|---|---|---|---|
steps | The total number of steps. Defaults to "2". | string | "2" |
current | The current step index. Defaults to "0". | string | "0" |
label | Defines a string value that can be used to set a label for assistive technologies. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label | string | "" |
valuetext | Defines the human-readable text alternative of value. https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext | string | "" |