Unduh ng spinners - Unduhan Kode Sumber ng spinners

ng spinners

Komponen pihak ketiga

Size property in circle and ring loaders

Unduh

Pemintal sudut css loader (vue, bereaksi)

Koleksi luar biasa komponen pemintal sudut dengan CSS murni.
Pemintal sudut didasarkan pada pemuatan.io dan dari seluruh web.

? Tidak ada impor CSS tambahan
✂️zero dependensi
? Pemintal bisa dipasang secara terpisah

Demo langsung

Jelajahi komponen dan jelajahi alat peraga mereka dengan bit.
Pasang komponen pemintal sudut spesifik dengan NPM, benang atau bit tanpa harus menginstal seluruh proyek.
Instal komponen dan demo langsung

Daftar pemintal - properti input dan default

Setiap komponen menerima penyangga color , dan sedikit yang menerima juga size prop.
Prop color default adalah #7f58af .
Komponen yang menerima size prop memiliki ukuran default dalam piksel.

Pemintal	Warna: String	Ukuran: Angka
`<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`	-

? Instalasi

Menggunakan NPM untuk menginstal NG-Spinners

 npm i --save ng-spinners

Mainkan dan pasang pemintal untuk Angular dengan bit

Pasang komponen/modul pemintal sudut spesifik dengan bit, NPM atau benang tanpa harus menginstal seluruh proyek menggunakan bit untuk bermain dengan demo langsung, dan coba pemintal sebelum menginstal.

Atur NPM Regisetry Config (One Time Action):

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

dan gunakan manajer paket favorit Anda:

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

Contoh penggunaan

Contoh File Modul:

 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 { }

Contoh File HTML Komponen:

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