Overview

The ember-tag-input is a user-friendly Ember addon designed to facilitate the creation and management of tags in a straightforward manner. This addon transforms user input into tags through simple actions such as typing a comma, hitting the space bar, or pressing the enter key. It's designed to empower users with a clean interface that allows for easy manipulation of tags—removal can be done with the backspace key or through interactive elements on the tags themselves.

This component is highly flexible, allowing you to customize how tags are displayed and managed. Whether your tags are simple strings or more complex objects, ember-tag-input has you covered. It effectively handles the actions needed to alter the tags list without taking over the data itself, ensuring that you maintain control of your tag management logic.

Features

User-Friendly Tag Creation: Easily create tags by typing a comma, space, or hitting enter, making the tagging process seamless.
Custom Tag Rendering: Customize the appearance of each tag with the ability to render tags as you wish, catering to both simple strings and complex objects.
Flexible Tag Management: Keep control over your tags array. The component calls specified actions for adding or removing tags instead of altering the tags list directly.
Removal Confirmation: Optional two-key backspace confirmation for tag removal, providing an extra layer of safety against accidental deletions.
Diverse Tag Options: Specify whether tags can include commas, spaces, or duplicates, allowing for tailored tagging experiences based on user needs.
Interactive Removal Buttons: Configure to show or hide 'x' buttons for easy tag removal, improving user interaction.
Versatile Placeholder and Access Features: Customize placeholder text and use ARIA labels for better accessibility; toggle between editable and read-only states based on requirements.
Character Limit Control: Set maximum character limits for individual tags to enhance input management and prevent overflow.

Calvinlough

Ember Tag Input