tag_field

✨ Features

🎯

Interactive Tags

Add and delete tags with smooth animations and intuitive gestures

📐

Multiple Layouts

Support for inline and column layouts to fit your design needs

🎨

Full Customization

Colors, borders, padding, icons - make it uniquely yours

✅

Smart Validation

Built-in input validation and separator support

⚡

Smooth Animations

Optional animations for tag addition and removal

🛠️

Custom Builders

Build completely custom tag UIs with flexible builders

📌

Flexible Suggestion Positioning

Now supports insideBelow, outsideAbove, and outsideBelow tag suggestion positions

🎬 Demo

See tag_field in action! ✨

🚀 Quick Start

Installation

Add this to your pubspec.yaml:

dependencies:
  tag_field: ^latest_version

Usage

import 'package:tag_field/tag_field.dart';

TagField(
  initialTags: skillTags,
  tagBackgroundColor: Colors.purple.shade100,
  tagTextColor: Colors.purple.shade800,
  tagBorderColor: Colors.purple.shade300,
  deleteIconColor: Colors.purple.shade600,
  containerBorderColor: Colors.purple.shade200,
  containerBorderRadius: 12,
  tagBorderRadius: 8,
  hintText: 'Add your skills...',
  separators: const [' ', ',', ';'],
  onTagsChanged: (tags) => setState(() => skillTags = tags),
)

👥 Our Amazing Team

🎯 Afaq Zahir
_{Lead Developer & Architect}

⚡ Ubaid Ullah
_{Flutter Expert & Innovator}

🚀 Muhammad Uzair
_{Flutter Expert & Innovator}

🚀 Munsif Ali
_{Flutter Guru}

🤝 Let's Build Something Amazing Together!

Passionate Flutter developers creating the future, one widget at a time
💬 Got questions? Ideas? Just want to say hi? We'd love to hear from you!