@finastra/linear-progress
v1.8.1
Published
LinearProgress Web Component
Readme
LinearProgress
Progress indicators express an ongoing process.
Usage
For usage please see mwc-linear-progress
Import
npm i @finastra/linear-progressimport '@finastra/linear-progress';
...
<fds-linear-progress indeterminate></fds-linear-progress>API
Properties
| Property | Attribute | Type | Default | Description |
|-----------------|-----------------|---------------|--------------------------------------------------|--------------------------------------------------|
| ariaLabel | | string | | |
| buffer | | number | | |
| closed | | boolean | | |
| indeterminate | indeterminate | boolean | false | Sets the linear-progress into its indeterminate state. |
| progress | progress | number | "0] - Sets the primary progress bar's value. Value should be between [0, 1" | . |
| reverse | | boolean | | |
| styles | | CSSResult[] | ["styles"] | |
Methods
| Method | Type |
|---------|------------|
| close | (): void |
| open | (): void |
CSS Custom Properties
| Property | Type | Default | Description |
|---------------------|-------|----------------------------|--------------------------------------------|
| --fds-primary | color | "#694ED6" | Sets the color of primary progress bar. |
| --primary-lighter | color | "rgba(105, 78, 214, 0.08)" | Sets the color of the buffer progress bar. |