FLUTTER ECOSYSTEM

danger-ahead/simple_chips_input

Flutter 芯片。演示:https://simplechipsinput.vercel.app

simple_chips_input 项目封面
Stars
15
Forks
11
最近推送(UTC)
2025年6月26日
项目状态
未归档
shourya shikhar GitHub avatar
GITHUB User

shourya shikhar ↗

@smallcase Kolkata官方网站 ↗
语言DartC++CMakeHTMLCSwiftKotlinObjective-C

技术话题

此仓库发布的插件

使用的依赖

依赖清单 3 项
  • flutter{"sdk":"flutter"}
  • flutter_test开发依赖{"sdk":"flutter"}
  • flutter_lints开发依赖^2.0.0

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

展开 / 收起项目 README

simple_chips_input

https://img.shields.io/github/stars/danger-ahead/simple_chips_input https://img.shields.io/github/license/danger-ahead/simple_chips_input

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 ⚙️

https://imgur.com/1UihQSa.gif https://imgur.com/2pVOl0E.gif https://imgur.com/1MLeFZt.gif https://imgur.com/Crv5PlR.gif
For example usage, refer pub.dev example
Author

@danger-ahead