@finastra/circular-progress
v1.8.1
Published
CircularProgress Web Component
Downloads
387
Readme
CircularProgress
Usage
For usage please see mwc-circular-progress
Import
npm i @finastra/circular-progressimport '@finastra/circular-progress';
...
<fds-circular-progress indeterminate="true"></fds-circular-progress>API
Properties
| Property | Attribute | Type | Default | Description |
|-----------------|-----------------|---------------|--------------------------------------------------|--------------------------------------------------|
| ariaLabel | | string | | |
| closed | | boolean | | |
| density | | number | | |
| 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" | . |
| 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. |