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>
}

Was this article helpful?

Not really

Yes, Thanks

Can't find what you're looking for? Get in touch with us on our Community Forum.