Label

Kurulum

Paket

@bigbang/ui

İçe aktarma

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

Kaynak

Label.tsx

Storybook

Label · Playground

Label, @bigbang/ui paketindedir.

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

<Label htmlFor="alan" required>Alan etiketi</Label>
<input id="alan" required />

Özellikler

required

Açıklama

Denetim zorunludur: necessityIndicator required ise etikete * ve görünmeyen "zorunlu" ya da "required" eklenir. Denetime de required verin.

Tür

boolean

Varsayılan

false

necessityIndicator

Açıklama

Formun hangi alanları işaretlediği. required zorunlu alanları, optional diğerlerini "(isteğe bağlı)" ya da "(optional)" ile işaretler. Bir formda tek yöntem kullanın.

Tür

'required' | 'optional'

Varsayılan

'required'

htmlFor

Açıklama

Bu etiketin adlandırdığı denetimin id değeri. Denetim etiketin içindeyse gerekmez.

Tür

string

size

Açıklama

Metin boyutu: 12 ya da 14 px, etiket yazı stilleri.

Tür

'sm' | 'md'

Varsayılan

'md'

disabled

Açıklama

Etiketi soluk ve not-allowed imleçle gösterir; denetimi de devre dışı bırakın.

Tür

boolean

Varsayılan

false

className

Açıklama

Yalnızca yerleşim için: dış boşluk ve hiza.

Tür

string

childrenZorunlu

Açıklama

Etiket metni ya da içinde denetim bulunan etiket metni.

Tür

ReactNode

id, onClick gibi diğer <label> öznitelikleri iletilir.

Veri öznitelikleri

• data-component="label": kök <label> üzerinde.
• data-disabled: disabled verildiğinde.
• data-part="necessity": zorunluluk işareti üzerinde.