React-select: Input has no label

Created on 26 Sep 2019  路  3Comments  路  Source: JedWatson/react-select

Im getting a warning in my storybook that the react-select component does not confirm to WCAG.

The input inside react-select__input (react-select-4-input) does not have a label.
image

picture wouterBouwmeester

Most helpful comment

You need to add the <label> element yourself.

<>
  <label htmlFor="example">Example label</label>
  <Select inputId="example" />
</>
picture razh on 26 Sep 2019
👍3

All 3 comments

up

malufett picture malufett on 26 Sep 2019

You need to add the <label> element yourself.

<>
  <label htmlFor="example">Example label</label>
  <Select inputId="example" />
</>
razh picture razh on 26 Sep 2019
👍3

That works perfect @razh . Thanks

wouterBouwmeester picture wouterBouwmeester on 27 Sep 2019
Was this page helpful?
0 / 5 - 0 ratings

Related issues

sampatbadhe picture sampatbadhe  路  3Comments
batusai513 picture batusai513  路  3Comments
juliensnz picture juliensnz  路  3Comments
pashap picture pashap  路  3Comments
x-yuri picture x-yuri  路  3Comments