
Make form elements more accessible.

Property |
Attribute |
Type |
Default |
Description |
for |
for |
string | undefined |
|
Query of the form element click events are re-fired upon. |
nowrap |
nowrap |
boolean |
false |
Caps the label element with ellipsis if overflowing. |
required |
required |
boolean |
false |
Styles the label as required. |

Name |
Description |
|
Default content. If the first element is a form element, clicks on the entire label will be re-fired upon that element. |

Property |
Description |
--label-color |
Color. |
--label-font-family |
Font family |
--label-font-size |
Font size |
--label-line-height |
Line height |
--label-required-color |
Color of the required astrix |

Go here to try the demo.


Licensed under MIT.