Visually Hidden
Yalnızca yardımcı teknolojilere sunulan erişilebilir metin yardımcı bileşeni.
VisuallyHidden.tsx
Kurulum
shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:
$
npx shadcn@latest add https://ui.cagriozay.com.tr/r/visually-hidden.jsonKullanım Örneği
import { VisuallyHidden } from "@/components/ui"
<button><Icon aria-hidden /><VisuallyHidden>Favorilere ekle</VisuallyHidden></button>Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| children | ReactNode | — | Yardımcı teknolojilere sunulan içerik. |
| asChild | boolean | false | Stilleri tek çocuk öğeye aktarır. |
| className | string | — | Ek yardımcı sınıflar. |