A simple and reusable tag input component built with React and Redux Toolkit. It allows users to dynamically add and remove tags using keyboard interactions (Enter or ,).
- Add tags by pressing
Enteror, - Remove tags with a single click (
X) - Input auto-clears after adding a tag
- State management with Redux Toolkit
- React (Hooks)
- Redux Toolkit
- CSS (Custom styling)
# 1. Clone the repo
git clone https://github.com/yourusername/tag-component.git
cd tag-component
# 2. Install dependencies
npm install
# 3. Start the Vite development server
npm run dev-
Tags are stored in Redux (tagSlice)
-
On key press (Enter or Comma), tag gets added
-
Clicking X dispatches a remove action
link: https://docs.google.com/document/d/1RLm7Q_iSxMfEYSsNTBzSmzjH1tPEshMgJBRpFQdMiy0/edit?usp=sharing