alder-ui demos

al-input

The markup Alder renders for <al-input field="title" label="Title" />: a real <label> around the input, then the help text (when given) and the ul.errors list. help is a <small class="help">; invalid colours the border.

Default

    With help

    The markup Alder renders: a <small class="help"> after the label, named by the control's aria-describedby so a screen reader reads it.

    We never share it.

      The attribute alone also draws the text (but it is not announced):

        Invalid

        • must not be empty

        Disabled