Skip to main content

ColorSwatch

A color swatch component
(code example)

Usage​

Live Editor
<ColorSwatch color={Colors.red30} selected={true} onPress={() => console.log('pressed')}/>
Result
Loading...

API​

animated​

Is first render should be animated boolean

color​

The color of the ColorSwatch string

index​

The index of the Swatch if in array number

onPress​

Callback from press event (value: string, colorInfo: ColorInfo) => void

selected​

Is the initial state is selected boolean

size​

Color Swatch size number

style​

Component's style ViewStyle

unavailable​

Is the initial state is unavailable boolean

value​

Must be different than other ColorSwatches in the same group​

The identifier value of the ColorSwatch in a ColorSwatch palette string