@finastra/linear-progress
v1.8.1
Published
LinearProgress Web Component
Downloads
208
Readme
LinearProgress
Progress indicators express an ongoing process.
Usage
For usage please see mwc-linear-progress
Import
npm i @finastra/linear-progress
import '@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. |