tag_field 1.0.4
tag_field: ^1.0.4 copied to clipboard
A customizable Flutter widget for adding and managing tags.
tag_field #
✨ Features #
|
🎯
Interactive TagsAdd and delete tags with smooth animations and intuitive gestures |
📐
Multiple LayoutsSupport for inline and column layouts to fit your design needs |
🎨
Full CustomizationColors, borders, padding, icons - make it uniquely yours |
|
✅
Smart ValidationBuilt-in input validation and separator support |
⚡
Smooth AnimationsOptional animations for tag addition and removal |
🛠️
Custom BuildersBuild completely custom tag UIs with flexible builders |
🎬 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 #
🤝 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!
Built with ❤️ by the tag_field team | © 2024