Emblor

Overview

Emblor is a highly customizable, accessible, and fully-featured tag input component built with Shadcn UI. It provides features like autocomplete suggestions, tag validation, customization options, accessibility support, drag and drop functionality, read-only mode, and custom delimiters. Emblor is built on top of Input, Popover, Command, and Dialog components from Shadcn UI.

Features

• Autocomplete: Enable autocomplete suggestions for tags.
• Validation: Validate tags based on custom rules.
• Customization: Customize the appearance and behavior of the tag input.
• Accessibility: Ensure that the tag input is accessible to all users.
• Drag and Drop: Allow users to reorder tags using drag and drop.
• Read-only Mode: Prevent users from editing the tag input.
• Delimiters: Define custom delimiters for separating tags.

Installation

To install Emblor, run the following command:

npm install @shadcn/emblor

Summary

Emblor is a versatile tag input component that offers a range of features to enhance user experience. With its customizable options, accessibility features, and validation capabilities, Emblor provides a robust solution for managing tags efficiently. Whether it's implementing autocomplete suggestions, drag and drop functionality, or custom delimiters, Emblor caters to various user needs in a seamless manner.