src/components/circular-progress/CircularProgress.ts:
class: CircularProgress, btu-circular-progress
Superclass
| Name | Module | Package |
|---|---|---|
LitElement | lit |
Mixins
| Name | Module | Package |
|---|---|---|
ProgressMixin | /src/util/ProgressMixin.js | |
EventEmitterMixin | /src/util/EventEmitterMixin.js | |
ReadyMixin | /src/util/ReadyMixin.js |
Fields
| Name | Privacy | Type | Default | Description | Inherited From |
|---|---|---|---|---|---|
indeterminate | boolean | true | Whether the progress indicator is indeterminate (animated spinner). When false, shows determinate progress based on the progress value. | ||
size | 'sm' | 'md' | 'lg' | 'sm' | Size variant. - 'sm': Small (16px) - default - 'md': Medium (32px) - 'lg': Large (48px) |
Events
| Name | Type | Description | Inherited From |
|---|---|---|---|
btu-progress-ready | CustomEvent | Fired after first render and initialization | |
btu-progress-complete | CustomEvent | Fired when determinate progress reaches 100 |
Attributes
| Name | Field | Inherited From |
|---|---|---|
indeterminate | indeterminate | |
size | size |
CSS Properties
| Name | Default | Description |
|---|---|---|
--progress-color | Custom progress indicator color (overrides theme color) | |
--track-color | Track/background color (overrides default gray-100) | |
--progress-size | Custom size in pixels (overrides size preset) |
Exports
| Kind | Name | Declaration | Module | Package |
|---|---|---|---|---|
js | default | CircularProgress | src/components/circular-progress/CircularProgress.ts | |
custom-element-definition | btu-circular-progress | CircularProgress | src/components/circular-progress/CircularProgress.ts |