الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

الكربون الايكونز

أيقونات تصميم الكربون SVG كمكونات Svelte.

تقوم مكتبة أيقونة التبعية الصفرية بإنشاء أيقونات نظام تصميم الكربون كمكونات سفيلتي. على الرغم من أنه أفضل مقترنة بمقاطع الكربون ، إلا أنه يمكن استهلاك هذه الرموز المستقلة.

جربه في الاستبدال Svelte.

معاينة فهرس الأيقونة

تثبيت 

 # npm
npm i carbon-icons-svelte

# pnpm
pnpm i carbon-icons-svelte

# Yarn
yarn add carbon-icons-svelte

# Bun
bun add carbon-icons-svelte

الاستخدام

أساسي

استيراد الرمز من مجلد carbon-icons-svelte/lib . راجع فهرس الأيقونة للحصول على قائمة الرموز المدعومة. 

< script >
  import Add from " carbon-icons-svelte/lib/Add.svelte " ;
</ script >

< Add />

حجم مخصص

استخدم الدعامة size لتحديد حجم الرمز.

تشمل أحجام الرموز المدعومة 16 و 20 و 24 و 32 .

الحجم الافتراضي هو 16 . 

< Add size ={ 16 } />
< Add size ={ 20 } />
< Add size ={ 24 } />
< Add size ={ 32 } />

الدعائم المخصصة

يتم إعادة توجيه $$restProps إلى عنصر svg .

يمكنك استخدام fill لتخصيص اللون أو تمرير أي سمة svg صالحة أخرى إلى المكون. 

< Add fill = " red " class = " icon " />

المسمى 

< Add aria-label = " Add " />

أيقونة المسمى التي يمكن التركيز عليها 

< Add aria-label = " Add " tabindex = " 0 " />

المسمى 

< label id = " add-file " >Add file</ label >

< Add aria-labelledby = " add-file " />

API

الدعائم

جميع الدعائم اختيارية.

اسم يكتب القيمة الافتراضية
مقاس 16 | 20 | 24 | 32 16
عنوان string undefined

Changelog

المساهمة

رخصة

Apache 2.0

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل