@conectate/ct-spinner
TypeScript icon, indicating that this package has built-in type declarations

4.0.0 • Public • Published

@conectate/ct-spinner

Downloads per month NPM Version Contributors Published on webcomponents.org

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

Package Sidebar

Install

npm i @conectate/ct-spinner

Weekly Downloads

8

Version

4.0.0

License

BSD-3-Clause

Unpacked Size

8.07 kB

Total Files

7

Last publish

Collaborators

  • herberthobregon