14.0.4 • Published 1 year ago
@loipham/material-progress-indicator v14.0.4
Progress Indicators
The MDC Progress Indicator component exposes common foundation and component interfaces for a progress indicator. Components that implement these interfaces include linear progress and circular progress. Material Design progress & activity requirements.
Installation
npm install @loipham/material-progress-indicator
Basic Usage
MDCProgressIndicatorFoundation API
MDC Progress Indicator Foundation exposes the following methods:
Method Signature | Description |
---|---|
setDeterminate(value: boolean) => void | Toggles the component between the determinate and indeterminate state. |
isDeterminate() => boolean | Whether or not the component is in determinate state. |
setProgress(value: number) => void | Sets the progress to this value. Value should be between 0, 1. |
getProgress() => number | The current progress value in the interval 0,1. |
open() => void | Puts the component in the open state. |
close() => void | Puts the component in the closed state. |
isClosed() => boolean | Whether or not the progress indicator is closed. |
MDCProgressIndicator Component API
MDC Progress Indicator exposes the following API:
Method Signature | Description |
---|---|
determinate: boolean | Whether the indicator is in the determinate or indeterminate state. |
progress: number | The current progress. Value should be between 0, 1. |
open() => void | Puts the component in the open state. |
close() => void | Puts the component in the closed state. |