simple_chips_input

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Simple Chips Input is a highly customizable Flutter package offering two libraries for creating and managing chips and chip selections. It enables developers to build interactive tag-like components with ease, supporting both single and multiple selections. The package is designed for flexibility, allowing customization of appearance, behavior, and interaction patterns. Ideal for forms, filters, or tagging systems, it provides a clean API for dynamic chip creation and management across all major platforms.

Use cases

Form inputs with tag selection
Filtering interfaces
User-generated tags
Dynamic chip lists
Search suggestions
Multi-select dropdowns

Key features

Highly customizable chip styling
Support for single and multiple selections
Built-in validation and error handling
Cross-platform compatibility
Easy integration with text fields
Extensible event callbacks

Suitable for

Developers building form components
UI designers needing flexible chip widgets
Apps requiring tag-based input
Projects with multi-selection needs
Teams prioritizing cross-platform consistency

Considerations

Requires understanding of Flutter state management
May need additional logic for complex validation
Customization options can increase code complexity
Limited documentation beyond basic examples
Not optimized for extremely large datasets

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Features 🚀

The working screen captures might be outdated.

Please refer to the demo: https://simplechipsinput.vercel.app

Create chips from user's text input and get the value after form submission.
Select chips and get the values of the selection.
Select only one chip at a time and get the value (acts as a toggle/radio button).
Ability to keep some/all/none pre-selected chips (that can be later changed according to user input).
Full customisability of the chips - keeping prefix/suffix icons (that can be changed when a particular chip is selected).
Full customisability of the chips design - change the background color, border color, text color, etc of the chips (can be two sets of designs - one for selected chips and one for unselected chips).
Much more!

Contents 📚

Create chips from user's text input and get the value after form submission. Read the API reference for full documentation.
Select pre-defined chips to get the value of selected chips. Read the API reference for full documentation.

Importing the package ⬇️

import 'package:simple_chips_input/simple_chips_input.dart';
import 'package:simple_chips_input/select_chips_input.dart';

Working ⚙️

For example usage, refer pub.dev example

Author

@danger-ahead

Search packages, repositories and app categories