How to use the tinacms.useGlobalForm function in tinacms
To help you get started, we’ve selected a few tinacms examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
tinacms / tinacms / packages / demo-gatsby / src / pages / index.js View on Github 
function BlogIndex(props) {
const { data } = props
const siteTitle = data.site.siteMetadata.title
const posts = data.allMarkdownRemark.edges
const [styles] = useGlobalForm({
id: "blog-index-styles",
label: "Blog Styles",
initialValues: {
backgroundColor: "",
hideBio: false,
date: "2019 03 04",
thumbnail:
"https://images.unsplash.com/photo-1518259102261-b40117eabbc9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2550&q=80",
},
fields: [
{
name: "backgroundColor",
label: "Heading Color",
component: "color",
colorFormat: "HeX",
},tinacms
[](https://github.com/tinacms/tinacms/blob/main/LICENSE) [](https://www.npmjs.com/package/tinacms) [
