AppHeader komponentinin özellikleri ve kullanımı
| Prop | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| breadcrumbs | BreadcrumbData[] | undefined | Breadcrumb yolu (opsiyonel) |
| showSearch | boolean | false | Arama kutusu göster |
| showNotifications | boolean | false | Bildirim ikonu göster |
import { AppHeader } from '@hascanb/arf-ui-kit/layout-kit'
<AppHeader
breadcrumbs={[
{ label: "Ana Sayfa", href: "/" },
{ label: "Ürünler", href: "/products" },
{ label: "Yeni Ürün" },
]}
showSearch={true}
showNotifications={true}
/>Sadece sidebar toggle - breadcrumb yok
<AppHeader />
Sayfa yolu gösterimi (mevcut kullanım)
<AppHeader breadcrumbs={[...]} />Arama + bildirim + breadcrumb
<AppHeader
breadcrumbs={[...]}
showSearch={true}
showNotifications={true}
/>interface BreadcrumbData {
label: string
href?: string
}
interface AppHeaderProps {
breadcrumbs?: BreadcrumbData[]
showSearch?: boolean
showNotifications?: boolean
}Header position: sticky özelliğine sahip. Sayfayı kaydırdığınızda header her zaman görünür kalır.
Search for an action to run.
Bu alanı kaydırdığınızda üstteki header sabit kalır. Böylece sticky davranışı canlı olarak test edebilirsiniz.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.
Sticky header doğrulaması için örnek kaydırma içeriği.