ng spinners تنزيل - ng spinners Source Code Download

ng spinners

مكونات الطرف الثالث

Size property in circle and ring loaders

تنزيل

المغازل الزاوي CSS لوادر (Vue ، رد فعل)

مجموعة مذهلة من مكونات المغازل الزاوي مع CSS النقي.
تعتمد المغازل الزاوية على loading.io ومن جميع أنحاء الويب.

لا توجد واردات إضافية من CSS
✂ التبعيات
يمكن تثبيت المغازل بشكل منفصل

عرض حي

تصفح المكونات واستكشف الدعائم مع بت.
قم بتثبيت مكون الدوار الزاوي المحدد مع NPM أو الغزل أو بت دون الحاجة إلى تثبيت المشروع بأكمله.
تثبيت المكونات والتوضيح المباشر

قائمة المغازل - الإدخال والخاصية الافتراضية

يقبل كل مكون دعامة color ، وقبول القليل من size أيضًا.
color الافتراضية هو #7f58af .
المكون الذي يقبل size الدعامة له حجم افتراضي في بكسل.

الدوار	اللون: سلسلة	الحجم: الرقم
`<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`	-

؟ تثبيت

باستخدام NPM لتثبيت ng-spinners

 npm i --save ng-spinners

قم بتشغيل وتثبيت المغازل للزاوية مع بت

قم بتثبيت مكون/الوحدة النمطية الزاوية المحددة مع بت أو NPM أو الغزل دون الحاجة إلى تثبيت المشروع بأكمله باستخدام BIT للعب مع العرض التجريبي المباشر ، وتجربة المغازل قبل التثبيت.

قم بتعيين Confly NPM Regisetry (إجراء لمرة واحدة):

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

واستخدم مدير الحزمة المفضل لديك:

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

أمثلة الاستخدام

مثال ملف الوحدة النمطية:

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

مثال ملف HTML المكون:

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