Chip
Add chips to your apps built with Jetpack Compose!
To get started with Chip just add the maven url and the Chip dependency
build.gradle (Project level)
allprojects {
repositories {
...
//Add this url
maven { url 'https://jitpack.io' }
}
}
If you are using Android Studio Arctic Fox and above where you don't have allProjects in build.gradle then add following maven url in settings.gradle like below
dependencyResolutionManagement {
repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
repositories {
google()
mavenCentral()
//Add this url
maven { url 'https://jitpack.io' }
jcenter() // Warning: this repository is going to shut down soon
}
}
Once you have added the maven url now add the Chip dependency in the build.gradle (module level)
implementation 'com.github.raipankaj:Chip:1.0.0'
Congratulations, you have successfully added the dependency. Now to get started with Chip add the following code snippet
//Your logic based on selected chip } ">
val chipAssistItem = listOf( ChipItem("Account", ChipType.Assist(Icons.Default.AccountBox)), ChipItem("Search", ChipType.Assist(Icons.Default.Search)), ChipItem("Filter", ChipType.Assist(Icons.Default.List)) ) Chip(labels = chipAssistItem) { selectedChip -> //Your logic based on selected chip }
Chip composable provide an ability to change the background color of chip, default text color and text color when chip is selected. Here are all the parameters accepted by Chip composable.
fun Chip(labels: List<ChipItem>,
defaultTextColor: Color = Color.Black,
selectedTextColor: Color = Color.White,
chipColor: Color = Color.Blue.copy(0.5f),
chipOnClick: (String) -> Unit)
The various types of Chips that are currently supported are
1. Assist
2. Filter
3. Suggestion
Note: If you like this library, then please hit the star button!
466 Dec 27, 2022
40 Dec 6, 2022
4 Mar 12, 2022
29 Sep 14, 2022
33 Aug 31, 2022
101 Dec 15, 2022
590 Jan 5, 2023
10 Dec 15, 2022
34 Nov 30, 2022
6 Jul 8, 2022
3 Dec 31, 2022
3 Dec 15, 2022
0 Dec 6, 2021
4 Nov 1, 2022
689 Dec 25, 2022
93 Dec 17, 2022
2 Mar 24, 2022
24 Oct 29, 2022
33 Jan 8, 2023