Skip to main content

React Native Input Tag

npm version npm downloads GitHub stars Bundle Size

A versatile and user-friendly component designed to simplify the process of entering and managing tags within a React Native application.

Features​

🎯 Core Features​

  • 📝 Easy tag input and management
  • 🔍 Fully customizable autocomplete
  • 🎨 Complete custom rendering
  • ⌨️ Customizable key separators
  • ♿ Full accessibility support

🎨 Customization & Styling​

  • 🎯 Extensive styling options
  • 💡 Text highlighting
  • 📊 Configurable suggestion limits
  • 🔤 Case-sensitive/insensitive filtering

🚀 Developer Experience​

  • 📱 Cross-platform: iOS, Android, and Web
  • 🚀 Complete TypeScript support
  • 📖 Comprehensive documentation
  • 🧪 Well tested

Quick Start​

bun add react-native-input-tag
import React, { useState } from 'react';
import { TagInput } from 'react-native-input-tag';

const App = () => {
  const [tags, updateState] = useState({
    tag: '',
    tagsArray: []
  });

  return (
    <TagInput
      tags={tags}
      updateState={updateState}
      suggestions={['React', 'TypeScript', 'Mobile']}
    />
  );
};

Live Examples​

Try our interactive demos: