{"componentChunkName":"component---src-pages-components-tile-code-mdx","path":"/components/tile/code/","result":{"pageContext":{"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","Accessibility"]},"relativePagePath":"/components/tile/code.mdx","titleType":"prepend","MdxNode":{"id":"780ddfed-b9ed-5f67-9cab-cfaaa1c3923b","children":[],"parent":"602bc0a0-a63c-5a09-907e-384ea5fcaefb","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', 'Accessibility']\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","type":"Mdx","contentDigest":"b882b29edfc405b301ca80966a4be13f","counter":1589,"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","Accessibility"]},"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', 'Accessibility']\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","fileAbsolutePath":"/zeit/45b021a8/src/pages/components/tile/code.mdx"}}}}