Skip to main content

<Preview />

preview

  • The preview of the selected and the initial color.
tip
  • If you want only the preview text, you can use the <PreviewText /> component.

Props

colorFormat

  • Preview color's format.
  • type: string
  • values:'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva' | 'hwb' | 'hwba'
  • default: 'hex'

hideInitialColor

  • Hide the initial color preview part.
  • type: boolean
  • default: false

hideText

  • Hide preview texts.
  • type: boolean
  • default: false

disableOpacityTexture

  • Hide the preview background texture image that appears when the color has an opacity less than 1.
  • type: boolean
  • default: false

style

  • Preview container style.
  • type: ViewStyle
note
  • Certain style properties will be overridden.

textStyle

  • Preview texts style.
  • type: TextStyle