@conectate/ct-loading-bar
Version:
HTML indeterminate progress bar for lit
34 lines (26 loc) • 820 B
TypeScript
import { LitElement } from "lit";
/**
## ct-loading-bar
The progress bars are for situations where the percentage completed can be
determined. They give users a quick sense of how much longer an operation
will take.
Example:
```html
<ct-loading-bar></ct-loading-bar>
```
The following mixins are available for styling:
Custom property | Description | Default
----------------|-------------|---------
`--ct-loading-bar-c1` | Color of the container | `#4998ff`
`--ct-loading-bar-c2` | Color of the container | `#fff`
`--ct-loading-bar-c3` | Color of the container | `#4998ff`
@element ct-loading-bar
*/
export declare class CtLoadingBar extends LitElement {
render(): import("lit").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
"ct-loading-bar": CtLoadingBar;
}
}