{"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":"9adac81a-06a8-5873-a810-6a4e23ed804c","children":[],"parent":"b37ad16c-8a1f-52d3-9169-246719f4b349","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":"039915340c9d95052a9e6ad06f585d7a","counter":1504,"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/4ebe1d4/src/pages/components/tile/code.mdx"}}}}