You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Use the `WebColorPicker.builder` constructor to display a custom color picker selector provided by the `builder` parameter.
31
31
32
32
Tapping on the custom color picker will open the browser's color picker.
33
33
34
34
35
-
An example showing how to use an `ElevatedButton` as the custom color picker selector:
35
+
Here's an example showing how to use an `ElevatedButton` as the custom color picker selector:
36
+
37
+
<imgsrc="https://github.com/victoreronmosele/flutter_web_color_picker/blob/main/screenshots/web_color_picker_dot_builder.gif?raw=true"alt="A gif showing how to use an `ElevatedButton` as the custom color picker selector">
36
38
37
-
<imgsrc="screenshots/web_color_picker_dot_builder.gif"alt="A gif showing how to use an `ElevatedButton` as the custom color picker selector"width="50%">
38
39
39
40
```dart
40
41
WebColorPicker.builder(
@@ -74,13 +75,13 @@ WebColorPicker.builder(
74
75
)
75
76
```
76
77
77
-
#### To Display The Default Color Picker Selector
78
+
**To Display The Default Color Picker Selector:**
78
79
79
80
Use the `WebColorPicker` constructor to display the browser's default color picker selector.
80
81
81
-
An example showing how to use the default color picker selector:
82
+
Here's an example showing how to use the default color picker selector:
82
83
83
-
<imgsrc="screenshots/web_color_picker.gif"alt="A gif showing how to use the default color picker selector"width="50%">
84
+
<imgsrc="https://github.com/victoreronmosele/flutter_web_color_picker/blob/main/screenshots/web_color_picker.gif?raw=true"alt="A gif showing how to use the default color picker selector">
84
85
85
86
```dart
86
87
WebColorPicker(
@@ -89,8 +90,6 @@ WebColorPicker(
89
90
height: 30.0,
90
91
)
91
92
```
92
-
93
-
94
93
### 3. Handle Color Change Events
95
94
96
95
There are two main callbacks you can handle:
@@ -103,7 +102,7 @@ Each of these callbacks provides the selected `Color` and the corresponding HTML
103
102
An example demonstrating the color picker events using the default color picker selector and
104
103
a custom color picker selector:
105
104
106
-
<imgsrc="screenshots/web_color_picker_events_hq.gif"alt="A gif demonstrating the color picker events using the default color picker selector and a custom color picker selector"width="50%">
105
+
<imgsrc="https://github.com/victoreronmosele/flutter_web_color_picker/blob/main/screenshots/web_color_picker_events_hq.gif?raw=true"alt="A gif demonstrating the color picker events using the default color picker selector and a custom color picker selector">
107
106
108
107
```dart
109
108
WebColorPicker(
@@ -137,5 +136,4 @@ For more understanding on how the HTML color input (which this package uses) wor
137
136
### Apps Using This Library
138
137
139
138
-[Flutter Gradient Generator](https://fluttergradientgenerator.com) - An online tool for creating and customizing gradients for use in Flutter applications.
140
-
141
-
Check it out on [GitHub](https://github.com/victoreronmosele/flutter_gradient_generator).
139
+
Check it out on [GitHub](https://github.com/victoreronmosele/flutter_gradient_generator).
0 commit comments