carbon icons svelte

carbone-icons-svelte

Icônes SVG du système de conception de carbone comme composants svelte.

Cette bibliothèque d'icônes de dépendance zéro construit des icônes de système de conception de carbone en tant que composants svelte. Bien que mieux associés à des components en carbone-svelte, ces icônes peuvent être consommées autonomes.

Essayez-le dans le Svelte REPT.

Aperçu · Index d'icônes

Installation

 # npm
npm i carbon-icons-svelte

# pnpm
pnpm i carbon-icons-svelte

# Yarn
yarn add carbon-icons-svelte

# Bun
bun add carbon-icons-svelte

Usage

Basique

Importez l'icône du dossier carbon-icons-svelte/lib . Voir l'indice d'icônes pour une liste des icônes prises en charge.

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

< Add />

Taille personnalisée

Utilisez la size l'hélice pour spécifier la taille de l'icône.

Les tailles d'icônes prises en charge comprennent 16 , 20 , 24 et 32 .

La taille par défaut est 16 .

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

Accessoires personnalisés

$$restProps est transmis à l'élément svg .

Vous pouvez utiliser fill pour personnaliser la couleur ou passer tout autre attribut svg valide au composant.

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

Étiqueté

< Add aria-label = " Add " />

Icône étiquetée qui est focalisable

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

Étiqueté par

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

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

API

Accessoires

Tous les accessoires sont facultatifs.

Nom	Taper	Valeur par défaut
taille	16 | 20 | 24 | 32	16
titre	string	undefined

Changelog

Contributif

Licence

Apache 2.0