https://github.com/danger-ahead/simple_chips_input

Flutter chips. Demo: https://simplechipsinput.vercel.app
https://github.com/danger-ahead/simple_chips_input

chip-select chips dart dart-package dartlang flutter flutter-package hacktoberfest input-chips package

Last synced: 8 days ago
JSON representation

Flutter chips. Demo: https://simplechipsinput.vercel.app

• Host: GitHub
• URL: https://github.com/danger-ahead/simple_chips_input
• Owner: danger-ahead
• License: mit
• Created: 2022-11-12T17:09:14.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-05T18:44:07.000Z (12 months ago)
• Last Synced: 2024-10-27T22:23:53.751Z (20 days ago)
• Topics: chip-select, chips, dart, dart-package, dartlang, flutter, flutter-package, hacktoberfest, input-chips, package
• Language: Dart
• Homepage: https://pub.dev/packages/simple_chips_input
• Size: 5.36 MB
• Stars: 13
• Watchers: 1
• Forks: 10
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# **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](https://pub.dev/documentation/simple_chips_input/latest/simple_chips_input/simple_chips_input-library.html) for full documentation.

- Select pre-defined chips to get the value of selected chips. Read the [API reference](https://pub.dev/documentation/simple_chips_input/latest/select_chips_input/select_chips_input-library.html) for full documentation.

## Importing the package ⬇️

```dart

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](https://pub.dev/packages/simple_chips_input/example)

### Author

[@danger-ahead](https://github.com/danger-ahead/)