Rich text editor for Flutter
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
# Custom `QuillToolbar` Buttons ✨ |
|
|
|
|
|
You may add custom buttons to the _end_ of the toolbar, via the `customButtons` option, which is a `List` |
|
|
of `QuillToolbarCustomButtonOptions`. |
|
|
|
|
|
## Adding an Icon 🖌️ |
|
|
|
|
|
To add an Icon, we should use a new `QuillToolbarCustomButtonOptions` class |
|
|
|
|
|
```dart |
|
|
QuillToolbarCustomButtonOptions( |
|
|
icon: const Icon(Icons.ac_unit), |
|
|
tooltip: '', |
|
|
onPressed: () {}, |
|
|
afterButtonPressed: () {}, |
|
|
), |
|
|
``` |
|
|
|
|
|
## Example Usage 📚 |
|
|
|
|
|
Each `QuillCustomButton` is used as part of the `customButtons` option as follows: |
|
|
|
|
|
```dart |
|
|
QuillToolbar.simple( |
|
|
controller: _controller, |
|
|
configurations: QuillSimpleToolbarConfigurations( |
|
|
customButtons: [ |
|
|
QuillToolbarCustomButtonOptions( |
|
|
icon: const Icon(Icons.ac_unit), |
|
|
onPressed: () { |
|
|
debugPrint('snowflake1'); |
|
|
}, |
|
|
), |
|
|
QuillToolbarCustomButtonOptions( |
|
|
icon: const Icon(Icons.ac_unit), |
|
|
onPressed: () { |
|
|
debugPrint('snowflake2'); |
|
|
}, |
|
|
), |
|
|
QuillToolbarCustomButtonOptions( |
|
|
icon: const Icon(Icons.ac_unit), |
|
|
onPressed: () { |
|
|
debugPrint('snowflake3'); |
|
|
}, |
|
|
), |
|
|
], |
|
|
), |
|
|
), |
|
|
``` |
