3.12.0 • Published 8 months ago
@conectate/ct-spinner v3.12.0
ct-spinner
Spinner web component
Install
yarn add @conectate/ct-spinner
#or
npm i @conectate/ct-spinner
Usage
On HTML
<!-- Active -->
<ct-spinner active="true"></ct-spinner>
<!-- Inactive -->
<ct-spinner active="false"></ct-spinner>
On LitElement
with typescript
import { LitElement, css, customElement, html, property } from "lit";
@customElement("ct-main")
export class CtMain extends LitElement {
@property({ type: Boolean, reflect: true }) active = true;
static styles = css`
:host {
display: block;
}
`;
render() {
return html`<ct-spinner></ct-spinner>`;
}
}
DEMO
<ct-spinner></ct-spinner>
Properties
Property | Attribute | Type | Default |
---|---|---|---|
active | active | boolean | true |
CSS Custom Properties
Property | Description |
---|---|
--ct-spinner-1 | Spinner Color 1 |
--ct-spinner-2 | Spinner Color 2 |
3.9.0
9 months ago
3.8.1
10 months ago
3.11.0
8 months ago
3.8.0
10 months ago
3.10.0
8 months ago
3.12.0
8 months ago
3.7.5
1 year ago
3.7.4
1 year ago
3.7.3
2 years ago
3.7.1
2 years ago
3.7.0
2 years ago
3.6.0
2 years ago
3.5.0
3 years ago
3.4.0
3 years ago
3.2.1
3 years ago
3.2.0
3 years ago
3.1.0
3 years ago
3.0.0
3 years ago
1.5.0
3 years ago
1.4.3
3 years ago
1.4.2
3 years ago
1.4.1
3 years ago
1.4.0
3 years ago