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


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

// In a React component
render() {
  return <h1 style={{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.