Bileşenler
Anchor
Uzun bir sayfanın bölümlerine bağlantı veren ve okunan bölümü işaretleyen sayfa içi gezinme.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Kurulum
Bölüm başlığı “Kurulum”- Paket
@bigbang/ui- İçe aktarma
import { Anchor } from '@bigbang/ui';- Kaynak
- Anchor.tsx
- Storybook
- Anchor · Playground
Anchor, @bigbang/ui paketindedir.
import { Anchor } from '@bigbang/ui';
<Anchor items={[{ id: 'genel', label: 'Genel bakış' }, { id: 'ucretler', label: 'Ücretler', items: [{ id: 'komisyon', label: 'Komisyon' }] }]} />;Özellikler
Bölüm başlığı “Özellikler”itemsZorunlu- Açıklama
- Sayfanın bölümleri, sırasıyla.
- Tür
readonly AnchorItem[]
label- Açıklama
- Gezinmenin bağlantıların üstünde gösterilen adı. Verilmezse
ui.anchor.label("Bu sayfada" ya da "On this page"). - Tür
string
hideLabel- Açıklama
- Görünür başlığı gizler; gezinme adını korur.
- Tür
boolean- Varsayılan
false
current- Açıklama
- Kontrollü geçerli bölüm
id'si. Verilmezse görünüm alanının üstüne en yakın bölüm işaretlenir. - Tür
string
onCurrentChange- Açıklama
- Kaydırırken geçerli bölüm değişince çağrılır.
- Tür
(id: string) => void
className- Açıklama
- Kök öğeye eklenir; yalnızca yerleşim için kullanın.
- Tür
string
Veri öznitelikleri
Bölüm başlığı “Veri öznitelikleri”data-component="anchor": kök öğede.data-part:title,link.