{"componentChunkName":"component---src-pages-components-tile-code-mdx","path":"/components/tile/code/","webpackCompilationHash":"858cd91bffcad76c0e29","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Tile","description":"Tiles are a flexible component for displaying a wide variety of content, including informational, getting started, how-to, next steps, and more.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/tile/code.mdx","titleType":"prepend","MdxNode":{"id":"22febbc3-374c-58b4-a8ab-187f5d094894","children":[],"parent":"15bc6018-1d52-56ce-8c47-144ef697f778","internal":{"content":"---\ntitle: Tile\ndescription: Tiles are a flexible component for displaying a wide variety of content, including informational, getting started, how-to, next steps, and more.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Tile\n\n<ComponentCode\n  name=\"Tile\"\n  component=\"tile\"\n  variation=\"tile\"\n  hasReactVersion=\"tile--default\"\n  hasVueVersion=\"tile--default\"\n  hasAngularVersion=\"?path=/story/tiles--basic\"\n  codepen=\"qwZRWy\"></ComponentCode>\n\n## Clickable tile\n\n<ComponentCode\n  name=\"Clickable tile\"\n  component=\"tile\"\n  variation=\"tile--clickable\"\n  hasReactVersion=\"tile--clickable\"\n  hasVueVersion=\"tile--clickable\"\n  hasAngularVersion=\"?path=/story/tiles--clickable\"\n  codepen=\"yrOgyM\"></ComponentCode>\n\n## Selectable tile\n\n<ComponentCode\n  name=\"Selectable tile\"\n  component=\"tile\"\n  variation=\"tile--selectable\"\n  hasReactVersion=\"tile--selectable\"\n  hasVueVersion=\"tile--selectable\"\n  codepen=\"wZGgKK\"></ComponentCode>\n\n## Expandable tile\n\n<ComponentCode\n  name=\"Expandable tile\"\n  component=\"tile\"\n  variation=\"tile--expandable\"\n  hasReactVersion=\"tile--expandable\"\n  hasVueVersion=\"tile--expandable\"\n  codepen=\"QPNdNG\"></ComponentCode>\n\n## Grid tile\n\n<ComponentCode\n  name=\"Grid tile\"\n  component=\"tile\"\n  variation=\"tile--grid\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tile\"></ComponentDocs>\n","type":"Mdx","contentDigest":"94a7a61b00913ec2e9f8789e95a193c6","counter":1243,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Tile","description":"Tiles are a flexible component for displaying a wide variety of content, including informational, getting started, how-to, next steps, and more.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Tile\ndescription: Tiles are a flexible component for displaying a wide variety of content, including informational, getting started, how-to, next steps, and more.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Tile\n\n<ComponentCode\n  name=\"Tile\"\n  component=\"tile\"\n  variation=\"tile\"\n  hasReactVersion=\"tile--default\"\n  hasVueVersion=\"tile--default\"\n  hasAngularVersion=\"?path=/story/tiles--basic\"\n  codepen=\"qwZRWy\"></ComponentCode>\n\n## Clickable tile\n\n<ComponentCode\n  name=\"Clickable tile\"\n  component=\"tile\"\n  variation=\"tile--clickable\"\n  hasReactVersion=\"tile--clickable\"\n  hasVueVersion=\"tile--clickable\"\n  hasAngularVersion=\"?path=/story/tiles--clickable\"\n  codepen=\"yrOgyM\"></ComponentCode>\n\n## Selectable tile\n\n<ComponentCode\n  name=\"Selectable tile\"\n  component=\"tile\"\n  variation=\"tile--selectable\"\n  hasReactVersion=\"tile--selectable\"\n  hasVueVersion=\"tile--selectable\"\n  codepen=\"wZGgKK\"></ComponentCode>\n\n## Expandable tile\n\n<ComponentCode\n  name=\"Expandable tile\"\n  component=\"tile\"\n  variation=\"tile--expandable\"\n  hasReactVersion=\"tile--expandable\"\n  hasVueVersion=\"tile--expandable\"\n  codepen=\"QPNdNG\"></ComponentCode>\n\n## Grid tile\n\n<ComponentCode\n  name=\"Grid tile\"\n  component=\"tile\"\n  variation=\"tile--grid\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tile\"></ComponentDocs>\n","fileAbsolutePath":"/tmp/753a091b/src/pages/components/tile/code.mdx"}}}}