Rendering the Color Field

The Color field allows content writers to select a color through a variety of color pickers as well as having the option to manually input a hex value.

Before Reading

This page assumes that you have retrieved your content and stored it in a variable named document.

Usage

Here's an example of how to render a Color field value whose API ID is color.

Copy

// In a React component
render() {
  return <h1 style={{color: document.data.color}}>Colorful Title</h1>
}