Hey Everyone π New here and excited to share my first open-source project, Chipster! I created it to address something I kept running into: the need for a flexible, easy-to-use multi-entry input for React. If youβve ever wanted a quick way to handle tags, multi-email inputs, or list-based data (think Google Driveβs share input), this might be useful for you.
Why Chipster?
HTML doesnβt natively support multiple values in an input, so Chipster was born! I wanted a component thatβs simple to integrate, highly customizable, and covers a range of cases, like:
- Multi-email inputs for contact forms
- Tagging systems for content management
- Multi-selection fields for filters and surveys
- Custom lists (event participants, to-dos, etc.)
Key Features
- π¨ Custom Styling with Tailwind or CSS
- π Smart Autocomplete for easy tagging
- β Flexible Validation: control length, duplicates, etc.
- β¨οΈ Full Keyboard Support
- π Light/Dark Themes to match any app
Check out the docs and demos if youβd like to see the demos.
Looking for Feedback
Iβd love any thoughts you have:
Is it easy to work with?
Does the styling flexibility cover what youβd need?
And if you spot anything that could be better, Iβd be super grateful for the advice.
Thanks for taking a look, and Iβm excited to join the Dev.to community!
Top comments (0)