Skip to content

[component] Create Combobox #13

@theoribbi

Description

@theoribbi

Summary

Implement the Combobox component for NativeUI, inspired by the shadcn/ui Combobox.

Requirements

  • Use TextInput, FlatList, and Pressable from react-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 component

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions