Essential component for form accessibility and usability in government applications, providing clear field identification, context, and bilingual support for citizen services.
Essential label-input pairing for form accessibility. Always use htmlFor attribute to connect label with input.
Visual indicators for required fields using star icons, essential for government forms and user guidance.
Support for both English and Bengali text, crucial for government services in Bangladesh and inclusive citizen access.
Additional context and formatting instructions to guide users in government forms and complex data entry.
Format: 11 digits starting with 01 (e.g., 01712345678)
12-digit Tax Identification Number issued by NBR
Complete form section for birth certificate application showing proper label usage in government context.
Please fill out all required fields / সকল আবশ্যক ক্ষেত্র পূরণ করুন
Identity fields, contact information, family details, educational background, employment data
License applications, permit requests, service registrations, document submissions
Authentication fields, security questions, verification codes, password fields
Help desk forms, complaint submissions, feedback collection, user surveys
Detailed specifications and characteristics of the Label component for implementation guidance.
| Specification | Details | Purpose & Usage |
|---|---|---|
| Component Type | Form Label Element | Provides clear identification and context for form inputs and controls |
| Complexity Level | Low | Simple implementation with focus on accessibility and typography |
| Label Types | Required indicators, Optional labels, Descriptive text, Contextual hints | Different label variations to communicate field requirements and context |
| State Management | Default, Associated, Required, Disabled, Error | Visual states that reflect the associated form control's status |
| Association Methods | htmlFor attribute, Nested controls, ARIA labelling, Programmatic linking | Proper accessibility linking between labels and form controls |
| Accessibility Features | Screen reader support, Click-to-focus, Keyboard navigation, ARIA attributes | Ensures form accessibility for all citizens including those with disabilities |
| Language Support | English, Bengali (বাংলা) | Bilingual label text support for government applications |
| Design System | Typography scale, Color tokens, Spacing units, Required indicators | Consistent with CivixUI design principles and government branding |
| Typography Features | Font weights, Size variations, Color variations, Text truncation | Flexible typography options to establish proper visual hierarchy |
| Use Cases | Form fields, Checkboxes, Radio buttons, File uploads, Input groups | Essential for all form elements in government service applications |