Skip to content

<Preview />

preview

A preview of the selected and initial color.

Tip

For a text-only preview, use the <PreviewText /> component instead.

Props

colorFormat

The color format displayed in the preview.

type: ColorFormat · default: "hex"

type ColorFormat = "hex" | "rgb" | "rgba" | "hsl" | "hsla" | "hsv" | "hsva" | "hwb" | "hwba";

hideInitialColor

Hides the initial color section of the preview.

type: boolean · default: false


hideText

Hides the preview text.

type: boolean · default: false


disableOpacityTexture

Hides the background texture that appears when the color has an opacity less than 1.

type: boolean · default: false


style

The preview container style.

type: ViewStyle1


textStyle

The preview text style.

type: TextStyle1

Footnotes

  1. Certain style properties will be overridden. 2