Skip to content

Commit bf2089c

Browse files
committed
Update the README.md mentioning about separate UI component usage.
1 parent 6eda65e commit bf2089c

File tree

1 file changed

+33
-1
lines changed

1 file changed

+33
-1
lines changed

README.md

Lines changed: 33 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ But developers can use individual peaces available in the library as per their r
99
* Color Picker BottomSheet
1010
* Pick color from RGB-A values
1111
* Pick color from Predefined color grid
12+
* Pick color from HSL-A values (Color spectrum)
1213

1314
# Installation
1415
Add following in your root `build.gradle`/`build.gradle.kts` at the end of repositories:
@@ -65,11 +66,42 @@ if (showSheet.value) {
6566
)
6667
}
6768
```
68-
# Demo
69+
#### The way it works
6970
|RGB-A Picker |GRID Picker |HSL-A Picker |
7071
|-------------|------------|--------------|
7172
|![](images/RGB-A-Picker.gif) |![](images/GRID-Picker.gif) |![](images/HSL-A-Picker.gif) |
7273

74+
### Use color picker UI components in existing UI
75+
Developer can add the each color picker (`RGB-A Picker`, `Grid Picker` and `HSL-A Picker`) separately in their own UI. Because `KvColorPicker-Android`
76+
provided.
77+
#### RGB-A Picker
78+
```
79+
RGBAColorPicker(
80+
modifier = Modifier,
81+
onColorSelected = { selectedColor ->
82+
// Action with selected color
83+
}
84+
)
85+
```
86+
#### GRID Picker
87+
```
88+
GridColorPicker(
89+
modifier = Modifier,
90+
onColorSelected = { selectedColor ->
91+
// Action with selected color
92+
}
93+
)
94+
```
95+
#### HSL-A Picker
96+
```
97+
HSLAColorPicker(
98+
modifier = Modifier,
99+
onColorSelected = { selectedColor ->
100+
// Action with selected color
101+
}
102+
)
103+
```
104+
73105
# Contribution
74106
We welcome contributions! Please fork the repository, make your changes, and submit a pull request. Ensure your code adheres to the established guidelines.
75107

0 commit comments

Comments
 (0)