JaleelB / emblor

A fully-featured tag input component built with shadcn/ui
https://emblor.jaleelbennett.com
MIT License
526 stars 23 forks source link

Inline tags #29

Closed Codemaine closed 1 month ago

Codemaine commented 2 months ago

Add the ability for the tags to appear in the input field, similar to the image attached below

image

Codemaine commented 1 month ago

@JaleelB I would like to know if this is being worked on, and if there's an ETA. Thanks

JaleelB commented 1 month ago

@JaleelB I would like to know if this is being worked on, and if there's an ETA. Thanks

@Codemaine yes, this will be worked on

zahidiqbalnbs commented 1 month ago

@JaleelB thanks for the amazing hard work. Can you please let me know when do you think you will be able to complete the inline tags feature roughly. Thanks in advance!

JaleelB commented 1 month ago

https://github.com/JaleelB/emblor/assets/78449846/0133cedc-6fdc-4a38-91d4-e2f2ec3cc80a

@Codemaine @zahidiqbalnbs The feature is complete and has been deployed. Update to the latest version of the package to try it out or visit the docs site to play around with the demo: https://emblor.jaleelbennett.com/api-reference

JaleelB commented 1 month ago

The feature to render tags inside the input field has been successfully implemented and merged. This issue will now be closed

zahidiqbalnbs commented 1 month ago

@JaleelB that was a real quick. I have checked the amazing demo and yes everything looks great!! I'll be for sure using this, just one handy feature I can think of right now is if we press backspace in the input field that should have removed the last tag and so on, what do you say? May be one additional prop removeOnBackspace: boolean

JaleelB commented 1 month ago

@JaleelB that was a real quick. I have checked the amazing demo and yes everything looks great!! I'll be for sure using this, just one handy feature I can think of right now is if we press backspace in the input field that should have removed the last tag and so on, what do you say? May be one additional prop removeOnBackspace: boolean

Great idea. Create an issue requesting the feature and add an enhancement label

zahidiqbalnbs commented 1 month ago

@JaleelB: I created this issue, I am unable to add feature and enhancement label. Please add those. Thank you for your support and hard work.