Kaynaklar
İkon galerisi
İkon kaydındaki her ikon; ada ve anahtar kelimeye göre arama, boyut ve çizgi önizlemesi, adı ve JSX kullanımını kopyalama.
Galeri, @bigbang/icons paketindeki ikon kaydından derleme sırasında üretilir. Kayda eklenen her ikon burada kendiliğinden görünür; kayıtta olmayan bir ikon ürünlerde de kullanılamaz. Kullanım kuralları için İkonlar sayfasına bakın.
Ad ya da Türkçe anahtar kelimeyle arayın, örneğin "sil" ya da "takvim".
Tabler ikinci settir; ondan bir ikon kayda eklendiğinde burada seçilebilir.
55 ikondan 55 tanesi gösteriliyor
- align-center
- align-left
- align-right
- arrow-down
- arrow-left
- arrow-right
- arrow-up
- bell
- bold
- calendar
- check
- chevron-down
- chevron-left
- chevron-right
- chevron-up
- chevrons-up-down
- circle-alert
- circle-check
- circle-help
- circle-x
- clock
- copy
- download
- ellipsis
- ellipsis-vertical
- external-link
- eye
- eye-off
- file
- filter
- home
- info
- italic
- layout-grid
- list
- lock
- log-out
- menu
- minus
- moon
- pencil
- phone
- plus
- refresh
- search
- settings
- star
- sun
- trash
- triangle-alert
- underline
- upload
- user
- x
Seçili ikon
align-center<Icon name="align-center" />- Sağdan sola metinde yönü değişmez.
- Ürünlerde kullanılan çizgi kalınlığı.
Kaynak: Lucide 1.59.0, ISC (Feather-derived icons MIT)
Klavye: Tab ile ızgaraya girin, oklarla ikonlar arasında gezinin; Home ve End satırın başına ve sonuna, Ctrl ile birlikte listenin başına ve sonuna gider.
Kullanım
Bölüm başlığı “Kullanım”Bir ikonu seçin ve JSX’i kopyala ile kullanım satırını alın. Ürünlerde ikon yalnızca Icon bileşeniyle kullanılır:
import { Icon } from '@bigbang/ui';
<Icon name="calendar" size="sm" />;- Boyut düğmeleri
Iconbileşenininxs–xlboyutlarıdır (12, 16, 20, 24 ve 32 px). Varsayılanmd(20 px) olduğu için kopyalanan satırda yazılmaz. - Çizgi kalınlığı yalnızca önizlemedir. Ürünlerde tüm markalarda 2 birimdir; farklı bir kalınlık marka paketine eklenene kadar değiştirilemez.
- Set listesi kayıttaki setleri gösterir. Varsayılan set Lucide’dir; Tabler ikinci settir ve ondan bir ikon kayda eklendiğinde burada seçilebilir.
- Sağdan sola metinde yansıyan ikonlar (oklar, yön gösteren ikonlar) seçili ikon panelinde belirtilir.
Klavye
Bölüm başlığı “Klavye”| Tuş | Davranış |
|---|---|
| Tab | Arama alanından boyut, çizgi ve set seçimine, oradan ızgaraya geçer. Izgarada tek bir sekme durağı vardır. |
| Ok tuşları | Izgaradaki ikonlar arasında gezinir ve gelinen ikonu seçer. |
| Home, End | Satırın ilk ve son ikonuna gider. |
| Ctrl + Home, Ctrl + End | Listenin ilk ve son ikonuna gider. |
Yeni ikon
Bölüm başlığı “Yeni ikon”Aradığınız ikon yoksa İkonlar · Yeni ikon ekleme adımlarını izleyin. İkon kayda eklendiğinde galeri bir sonraki derlemede onu gösterir.