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.
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.
- Radix UI
Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.
- Shadcn UI
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.