@bsonntag/react-listbox
v0.5.0
Published
A customizable, accessible and controllable listbox component for React.
Downloads
37
Maintainers
Readme
react-listbox
A customizable, accessible and controllable listbox component for React.
Installation
Using npm:
npm install @bsonntag/react-listbox
Using yarn:
yarn add @bsonntag/react-listbox
Usage
import React from 'react';
import {
Listbox,
ListboxButton,
ListboxButtonLabel,
ListboxList,
ListboxOption,
} from '@bsonntag/react-listbox';
function Select() {
const [value, setValue] = useState();
return (
<Listbox value={value} onChange={setValue}>
<ListboxButton aria-label='Fruit'>
<ListboxButtonLabel />
</ListboxButton>
<ListboxList>
<ListboxOption>Choose one fruit</ListboxOption>
<ListboxOption value='apple'>Apple</ListboxOption>
<ListboxOption value='banana'>Banana</ListboxOption>
<ListboxOption value='orange'>Orange</ListboxOption>
</ListboxList>
</Listbox>
);
}
Contributing
Please feel free to submit any issues or pull requests.
License
MIT