Skip to content

godaddy/compose-color-picker

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

63854e8 Β· Jan 5, 2022

History

39 Commits
Nov 11, 2021
Jan 5, 2022
Jan 5, 2022
Jan 5, 2022
Oct 26, 2021
Nov 2, 2021
Jan 5, 2022
Oct 26, 2021
Oct 26, 2021
Oct 26, 2021
Nov 11, 2021
Oct 26, 2021
Jan 5, 2022
Nov 10, 2021
Oct 26, 2021
Oct 26, 2021
Nov 7, 2021

Repository files navigation

Android Jetpack Compose Color Picker 🎨

Maven Central

A component that provides an HSV color picker, written in Jetpack compose.

How to get started

Add the dependency to your build.gradle file:

implementation 'com.godaddy.android.colorpicker:compose-color-picker:<latest-version>'

// with Android ColorInt extensions
implementation 'com.godaddy.android.colorpicker:compose-color-picker-android:<latest-version>'
// desktop jvm version
implementation 'com.godaddy.android.colorpicker:compose-color-picker-jvm:<latest-version>'

Add ClassicColorPicker to your Compose hierarchy:

import com.godaddy.android.colorpicker.HsvColor

Column {
    ClassicColorPicker(
        onColorChanged = { color: HsvColor ->
            // Do something with the color
        }
    )
}

Customizing the control

Size

To change the size of the control, pass in the Modifier option:

import com.godaddy.android.colorpicker.HsvColor

ClassicColorPicker(
    modifier = Modifier.height(200.dp),
    onColorChanged = { color: HsvColor ->
        // Do something with the color
    }
)

Alpha

To hide the alpha bar, change the showAlphaBar parameter:

import com.godaddy.android.colorpicker.HsvColor

ClassicColorPicker(
    showAlphaBar = false,
    onColorChanged = { color: HsvColor ->
        // Do something with the color
    }
)