carbon icons svelte

탄소-이콘-벨트

탄소 설계 시스템 SVG 아이콘은 벨트 구성 요소입니다.

이 제로 의존성 아이콘 라이브러리는 카본 디자인 시스템 아이콘을 벨트 구성 요소로 구축합니다. 탄소 경쟁사와 가장 잘 어울리지만이 아이콘은 독립형 소비 할 수 있습니다.

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

changelog

기여

특허

아파치 2.0