ng spinners - ng spinners descargar

ng spinners

Componentes de terceros

Size property in circle and ring loaders

Descargar

Cargadores CSS de hilanderos angulares (Vue, React)

Increíble colección de componentes angulares de hilanderos con CSS puro.
Los hilanderos angulares se basan en Loading.io y de toda la web.

? No hay importaciones de CSS adicionales
✂️zero dependencias
? Los hilanderos pueden estar instalando por separado

Demostración en vivo

Explore los componentes y explore sus accesorios con bit.
Instale un componente de spinner angular específico con NPM, hilo o bit sin tener que instalar todo el proyecto.
Instalar componentes y demostración en vivo

Lista de hilanderos: entrada y propiedad predeterminada

Cada componente acepta un accesorio color , y pocos aceptan también size taller.
El accesorio color predeterminado es #7f58af .
El componente que acepta el Tamaño size tiene un tamaño predeterminado en Pixel.

Hilandero	Color: cuerda	Tamaño: número
`<circle-loader></circle-loader>`	`#7f58af`	`64`
`<default-loader></default-loader>`	`#7f58af`	-
`<dualring-loader></dualring-loader>`	`#7f58af`	-
`<ellipsis-loader></ellipsis-loader>`	`#7f58af`	-
`<facebook-loader></facebook-loader>`	`#7f58af`	-
`<grid-loader></grid-loader>`	`#7f58af`	-
`<heart-loader></heart-loader>`	`#7f58af`	-
`<hourglass-loader></hourglass-loader>`	`#7f58af`	-
`<ring-loader></ring-loader>`	`#7f58af`	`80`
`<ripple-loader></ripple-loader>`	`#7f58af`	-
`<roller-loader></roller-loader>`	`#7f58af`	-
`<spinner-loader></spinner-loader>`	`#7f58af`	-
`<orbitals-loader></orbitals-loader>`	`#7f58af`	-

? Instalación

Uso de NPM para instalar ng-spinners

 npm i --save ng-spinners

Juega e instale hilanderos para angular con bit

Instale un componente/módulo de hilado angular específico con bit, npm o hilo sin tener que instalar todo el proyecto usando bit para jugar con una demostración en vivo, e intente los spinners antes de instalar.

Establecer la configuración de Regisetry NPM (acción única):

npm config set ' @bit:registry ' https://node.bit.dev

y use su administrador de paquetes favorito:

npm i @bit/joshk.ng-spinners.facebook-loader
yarn add @bit/joshk.ng-spinners.facebook-loader
bit import joshk.ng-spinners/facebook-loader

Ejemplos de uso

Ejemplo de archivo del módulo:

 import { BrowserModule } from '@angular/platform-browser' ;
import { NgModule } from '@angular/core' ;

import { AppComponent } from './app.component' ;
//using npm or yarn
import { FacebookLoaderModule } from 'ng-spinners' ;
//using bit
import { FacebookLoaderModule } from '@bit/joshk.ng-spinners.facebook-loader' ;

@ NgModule ( {
	declarations : [
		AppComponent ,
	] ,
	imports : [
		BrowserModule ,
		FacebookLoaderModule
	] ,
	providers : [ ] ,
	bootstrap : [ AppComponent ]
} )
export class AppModule { }

Ejemplo de archivo HTML de componente:

 < facebook-loader color =" black " > </ facebook-loader >
< facebook-loader color =" #de3541 " > </ facebook-loader >
< facebook-loader > </ facebook-loader >