Navigatsiya · primitive
Sarlavha havolasi
Hujjat sarlavhasi yonida «#» havolasi: ustiga kelganda yoki fokusda çiqadi, bosilsa şu bölimga manzil. Sensorli qurilmada doim körinadi. Sarlavhaga scroll-margin beriladi — qotib turgan panel ostida qolmaydi.
Örnatiş #
Anatomiya
- heading
.fx-anchor-headingşart - link
.fx-anchor-heading__linkşart
Holatlar
hoverfocustarget
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Tab, Enter | Bölim manzilini oçadi |
Havolada aria-label (nimaga olib borişi); fokus olganda körinadi; sarlavha id bilan.
Naqş: WAI-ARIA APG link · rol link
Kod
AI uçun: qaçon işlatiladi
Işlating
- Uzun hujjat va maqola sarlavhalari (h2, h3).
Işlatmang
- Ilova sahifa sarlavhasi →
page-header - id'siz sarlavhaga havola qöymang.
- Havolaga sarlavha matnini örab qöymang — faqat «#» belgisi.
npx foxui add anchor-heading
<h2 class="fx-anchor-heading" id="ornatish">Örnatiş <a class="fx-anchor-heading__link" href="#ornatish" aria-label="Örnatiş bölimiga havola">#</a></h2>
Tokenlar: --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-ease-standard --fx-font-weight-regular --fx-motion-fast --fx-radius-badge --fx-size-topbar --fx-space-2 --fx-space-4 --fx-text-brand --fx-text-tertiary
Şu toifadan
Orqaga havolasiOta sahifaga qaytiş havolasi (#89): chevron + qisqa nom.Yuqoriga qaytişUzun sahifa yoki panelda bir ekrandan köp aylantirilgaç pastki burçakda çiqadigan tugma (4.151).Yöl satriBreadcrumbs: ota bölimlar xira havola, joriy sahifa asosiy rangda (aria-current), ajratgiç «/».Buyruqlar oynasiCtrl/⌘+K: hamma sahifa va amalni bir joydan qidiriş.Suhbatlar röyxatiMessenjer çap paneli: avatar (onlayn nuqta), nom, vaqt, oxirgi xabar va belgilar.DockIlovalar yoki bölimlar uçun ikonlar qatori (4.76): kursor ostidagi ikon kattalaşadi, qöşnilari ozroq (macOS Dock kabi), klaviatura fokusida ham.