Label
Renders an accessible label associated with controls.
Loading...
main.ts
styles.css
Features
- Text selection is prevented when double-clicking label.
Installation
Get started with importing the directive:
Anatomy
Import all parts and piece them together.
API Reference
Label
RdxLabelDirective
Prop | Type | Default |
---|---|---|
htmlFor | InputSignal<string> | input<string>('') |
id | InputSignal<string> | input<string>(`rdx-label-${idIterator++}`) |
Accessibility
This component is based on the native label
element, it will automatically apply the correct labelling when wrapping controls
or using the htmlFor
attribute. For your own custom controls to work correctly,
ensure they use native elements such as button
or input
as a base.