carbon icons svelte

karbon-ikon-pervelte

Sistem Desain Karbon Ikon SVG sebagai komponen langsing.

Perpustakaan ikon ketergantungan nol ini membangun ikon sistem desain karbon sebagai komponen langsing. Meskipun paling baik dipasangkan dengan karbon-komponen-pervelte, ikon-ikon ini dapat dikonsumsi mandiri.

Cobalah di repte langsing.

Pratinjau · Indeks Ikon

Instalasi

 # npm
npm i carbon-icons-svelte

# pnpm
pnpm i carbon-icons-svelte

# Yarn
yarn add carbon-icons-svelte

# Bun
bun add carbon-icons-svelte

Penggunaan

Dasar

Impor ikon dari folder carbon-icons-svelte/lib . Lihat indeks ikon untuk daftar ikon yang didukung.

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

< Add />

Ukuran khusus

Gunakan size prop untuk menentukan ukuran ikon.

Ukuran ikon yang didukung termasuk 16 , 20 , 24 , dan 32 .

Ukuran default adalah 16 .

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

Alat peraga khusus

$$restProps diteruskan ke elemen svg .

Anda dapat menggunakan fill untuk menyesuaikan warna atau meneruskan atribut svg lain yang valid ke komponen.

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

Berlabel

< Add aria-label = " Add " />

Ikon berlabel yang bisa fokus

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

Diberi label oleh

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

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

API

Alat peraga

Semua alat peraga opsional.

Nama	Jenis	Nilai default
ukuran	16 | 20 | 24 | 32	16
judul	string	undefined

Changelog

Berkontribusi

Lisensi

Apache 2.0