{"componentChunkName":"component---src-pages-components-tile-code-mdx","path":"/components/tile/code/","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":"9e238da5-5002-502f-986e-21599880ecad","children":[],"parent":"ca1d673f-1c32-559c-af60-175519254537","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":"a5077ddf9b07b9d3d135480702683b90","counter":1408,"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":"/zeit/7c680545/src/pages/components/tile/code.mdx"}}}}