-
Notifications
You must be signed in to change notification settings - Fork 4
Labels
component:newCreation of a new componentCreation of a new component
Description
Summary
Implement the Combobox component for NativeUI, inspired by the shadcn/ui Combobox.
Requirements
- Use
TextInput
,FlatList
, andPressable
fromreact-native
as base components. - Support the following features:
- Display a list of suggestions based on user input.
- Allow selection of an item from the list.
- Optional support for custom input values.
- Controlled open/close state for the suggestion list.
- Keyboard navigation for accessibility.
- Style the component using nativewind utility classes.
- Allow passing a
className
prop to customize or extend the default styles. - Ensure type safety with TypeScript.
Deliverables
- Create a
combobox.tsx
file under/registry/combobox
. - Follow the structure and naming conventions similar to shadcn/ui Combobox.
References
Notes
Focus on keeping the Combobox simple, accessible, and easily customizable.
The goal is to make it easy to clone and adapt when building apps.
Metadata
Metadata
Assignees
Labels
component:newCreation of a new componentCreation of a new component