carbon icons svelte

Углеродоцветный-Свлажок

Система углеродного проектирования SVG значки как стройные компоненты.

Эта библиотека значков с нулевой зависимостью создает значки системы проектирования углерода в виде стройных компонентов. Несмотря на то, что эти значки лучше всего сочетаются с углеродными компонентами, эти значки могут быть использованы автономными.

Попробуйте в стройной реплике.

Предварительный просмотр · Индекс значков

Установка

 # 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