do download ng spinners

ng spinners

Componentes de terceiros

Size property in circle and ring loaders

Baixar

Spinners Angular CSS Carreiros (Vue, React)

Coleção incrível de componentes de spinners angulares com CSS puro.
Os spinners angulares são baseados no carregamento.io e de toda a web.

? Sem importações extras de CSS
✂️Zero Dependências
? Spinners podem estar instalando separadamente

Demoção ao vivo

Procure componentes e explore seus adereços com bit.
Instale o componente giratório angular específico com NPM, fios ou bit sem precisar instalar o projeto inteiro.
Instale componentes e demonstração ao vivo

Lista de spinners - Propriedade de entrada e padrão

Cada componente aceita um suporte color e poucos aceitam também size .
O suporte color padrão é #7f58af .
O componente que aceita o suporte size tem um tamanho padrão no pixel.

Spinner	Cor: string	Tamanho: 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`	-

? Instalação

Usando o NPM para instalar ng-spinners

 npm i --save ng-spinners

Jogue e instale spinners para o Angular com bit

Instale o componente/módulo de girador angular específico com bit, npm ou fio sem precisar instalar o projeto inteiro usando o bit para brincar com a demonstração ao vivo e experimente os spinners antes de instalar.

Defina a configuração da NPM Regisetry (ação única):

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

e use seu gerenciador de pacotes favorito:

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

Exemplos de uso

Exemplo de arquivo do 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 { }

Exemplo de arquivo html componente:

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