Component / 003 / NEXOFRAME

Label

Mẫu chuẩn

Tên nhìn thấy được của một ô. Bấm vào nhãn thì tiêu điểm vào ô gắn với nó.

Radix LabelKhông variantKhông sizeLight & dark

Playground

Đổi brand. Nhãn không có trạng thái riêng. Disabled thuộc ô đi kèm.

Tên

Brand

Mode

TSX

import { Input, Label } from "@nexobox/ui";

<Label htmlFor="name">Tên</Label>
<Input id="name" />

Tên nhìn thấy được của một ô hoặc một nhóm điều khiển. Gắn htmlFor với id của ô.

Tiêu đề section, câu trợ giúp, trạng thái. Nhãn nút là children của Button.

Một gốc Label. Chữ là children. htmlFor là tuỳ chọn, và là cách gắn nhãn với ô.

DEFAULTTên

Màu chữ chính. Không phải điểm dừng Tab.

Ô DISABLEDTên

Disabled là trạng thái của ô, không phải của Label.

Không có variant, không có size, không có trạng thái hover hay focus của riêng nhãn.

Chữ lấy --nf-semantic-text-primary và --nf-foundation-typography-ui-*. Không hex mới.

Prop	Mặc định	Quy ước
htmlFor	—	Id của ô được đặt tên. Bấm nhãn thì tiêu điểm vào ô đó.
children	—	Tên nhìn thấy được. Không dùng placeholder thay cho nhãn.

Không phải điểm dừng Tab.

Bấm nhãn đưa tiêu điểm vào ô gắn htmlFor.

Không dùng làm tiêu đề hay câu trợ giúp.