หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

คาร์บอน-ไอซอนส์-สเวลเต้

ระบบการออกแบบคาร์บอนไอคอน SVG เป็นส่วนประกอบ Svelte

ไอคอนไอคอนการพึ่งพาศูนย์นี้สร้างไอคอนระบบการออกแบบคาร์บอนเป็นส่วนประกอบ SVELTE แม้ว่าจะจับคู่ที่ดีที่สุดกับคาร์บอน-องค์ประกอบ-สเวลต์ไอคอนเหล่านี้สามารถใช้สแตนด์อโลนได้

ลองใช้ใน Svelte Repl

ดูตัวอย่าง·ดัชนีไอคอน

การติดตั้ง 

 # 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

การเปลี่ยนแปลง

การบริจาค

ใบอนุญาต

Apache 2.0

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด