VisuallyHidden

Kurulum

Paket

@bigbang/ui

İçe aktarma

import { VisuallyHidden } from '@bigbang/ui';

Kaynak

VisuallyHidden.tsx

Storybook

VisuallyHidden · Playground

VisuallyHidden, @bigbang/ui paketindedir. Kurulum ve stil dosyaları Button ile aynıdır; ayrıntılar için Button kod sekmesine bakın.

import { VisuallyHidden } from '@bigbang/ui';

<VisuallyHidden>...</VisuallyHidden>;
<VisuallyHidden focusable render={<a href="#main" />}>...</VisuallyHidden>;

Özellikler

childrenZorunlu

Açıklama

Yalnızca ekran okuyucular için metin, ör. yalnızca ikonlu bir denetimin bağlamı ya da tablo başlığı.

Tür

ReactNode

focusable

Açıklama

İçerik ya da içindeki bağlantı klavye odağındayken görünür olur. Atlama bağlantıları için kullanın.

Tür

boolean

Varsayılan

false

render

Açıklama

Başka bir öğe olarak çizer, ör. <caption>, <a>. Varsayılan <span>.

Tür

ReactElement | ComponentRenderFn<HTMLProps, {}>

Yerel <span> öznitelikleri doğrudan iletilir. className ve style kabul edilmez.

Veri öznitelikleri

• data-component="visually-hidden": kök öğe üzerinde.
• data-focusable: focusable açıkken kök öğe üzerinde (boş değerli).