No Art Without Artist
- Tweets 730
- Following 107
- Followers 5
- Likes 1,069
![The following code:
const [value, setValue] = useState("");
<ComboboxProvider value={value} setValue={setValue}>
<SelectProvider defaultValue="Apple">
<Select />
<SelectPopover>
<Combobox />
<ComboboxList>
<ComboboxItem render={<SelectItem />} />
<ComboboxItem render={<SelectItem />} />
<ComboboxItem render={<SelectItem />} />
</ComboboxList>
</SelectPopover>
</SelectProvider>
</ComboboxProvider>](https://venexa.site/media/F2JuxQoXEAAdVLY.jpg)
ALT The following code: const [value, setValue] = useState(""); <ComboboxProvider value={value} setValue={setValue}> <SelectProvider defaultValue="Apple"> <Select /> <SelectPopover> <Combobox /> <ComboboxList> <ComboboxItem render={<SelectItem />} /> <ComboboxItem render={<SelectItem />} /> <ComboboxItem render={<SelectItem />} /> </ComboboxList> </SelectPopover> </SelectProvider> </ComboboxProvider>
ALT A screenshot of a custom select widget labeled "Favorite fruit" with a default value of "Apple". The select popup has a combobox search field with a "Search" placeholder and a few options.
ALT screenshot of "build a typescript project from scratch" tutorial from typescriptcourse.com
ALT export const objKeys = <T extends object>(obj: T) => { return Object.keys(obj) as Array<keyof T>; };
