@headless-react/combobox
v0.0.16
Published
Headless React components using react-stately and react-aria
Downloads
102
Maintainers
Readme
@headless-react/combobox
Headless React ComboBox component with @react-aria
and @react-stately
.
Getting Started
$ npm install @headless-react/combobox
import { ComboBox } from '@headless-react/combobox'
const AutoComplete = ({
label,
items
}) => {
return (
<ComboBox defaultItems={items}>
<ComboBox.Label>{label}</ComboBox.Label>
<ComboBox.InputGroup>
{({ selectedItem }) => (
<>
<ComboBox.Input />
<ComboBox.PopoverTrigger />
</>
)}
</ComboBox.InputGroup>
<ComboBox.Popover>
<ComboBox.Options>
{({ options }) => options.map(option => (
<ComboBox.Option key={option.key} option={option}>
{option.name}
</ComboBox.Option>
))}
</ComboBox.Options>
</ComboBox.Popover>
</ComboBox>
)
}