Components / Label
Label
A visual treatment for the native label element.
html
<label aevkoLabel for="project">
Project name
</label>Installation
npx aevko-ui@latest add label --yesSource ownership
Customization
Style the native label through ordinary classes or the local directive stylesheet; association remains the browser for/id contract.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
native attributes | HTMLLabelElement | browser default | Accepts native label attributes, including for. |
Accessibility contract
Accessibility
Included behavior
- Uses a real label so clicking it focuses its associated form control.
Your responsibility
Set for to the id of a labelable control and do not use the component as a generic text style.