{"componentChunkName":"component---src-pages-components-tooltip-code-mdx","path":"/components/tooltip/code/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Tooltip","description":"Tooltips provide additional information upon hover or focus. The information should be contextual, useful, and nonessential information.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/tooltip/code.mdx","titleType":"prepend","MdxNode":{"id":"a10b4d06-1410-51b7-8bf1-74896f946cee","children":[],"parent":"46b79b0e-2bd1-5283-8f66-57a74697363c","internal":{"content":"---\ntitle: Tooltip\ndescription: Tooltips provide additional information upon hover or focus. The information should be contextual, useful, and nonessential information.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Tooltip\n\n<ComponentCode\n  name=\"Tooltip\"\n  component=\"tooltip\"\n  variation=\"tooltip\"\n  hasReactVersion=\"tooltip--default-bottom\"\n  hasVueVersion=\"tooltip--default-interactive-tootlip\"\n  hasAngularVersion=\"?path=/story/tooltip--basic\"\n  codepen=\"OGNWpy\"></ComponentCode>\n\n## Icon tooltip\n\n<ComponentCode\n  name=\"Icon tooltip\"\n  component=\"tooltip\"\n  variation=\"tooltip--icon\"\n  hasReactVersion=\"tooltipicon--default\"\n  hasVueVersion=\"tooltip--default-tootlip\"\n  codepen=\"LvNxWq\"></ComponentCode>\n\n## Definition tooltip\n\n<ComponentCode\n  name=\"Definition tooltip\"\n  component=\"tooltip\"\n  variation=\"tooltip--definition\"\n  hasReactVersion=\"tooltipdefinition--default\"\n  hasVueVersion=\"tooltip--default-definition-tootlip\"\n  codepen=\"pByRPr\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tooltip\" />\n","type":"Mdx","contentDigest":"877f4cb2aab1c9781378c3f900008b6f","counter":1608,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Tooltip","description":"Tooltips provide additional information upon hover or focus. The information should be contextual, useful, and nonessential information.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Tooltip\ndescription: Tooltips provide additional information upon hover or focus. The information should be contextual, useful, and nonessential information.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Tooltip\n\n<ComponentCode\n  name=\"Tooltip\"\n  component=\"tooltip\"\n  variation=\"tooltip\"\n  hasReactVersion=\"tooltip--default-bottom\"\n  hasVueVersion=\"tooltip--default-interactive-tootlip\"\n  hasAngularVersion=\"?path=/story/tooltip--basic\"\n  codepen=\"OGNWpy\"></ComponentCode>\n\n## Icon tooltip\n\n<ComponentCode\n  name=\"Icon tooltip\"\n  component=\"tooltip\"\n  variation=\"tooltip--icon\"\n  hasReactVersion=\"tooltipicon--default\"\n  hasVueVersion=\"tooltip--default-tootlip\"\n  codepen=\"LvNxWq\"></ComponentCode>\n\n## Definition tooltip\n\n<ComponentCode\n  name=\"Definition tooltip\"\n  component=\"tooltip\"\n  variation=\"tooltip--definition\"\n  hasReactVersion=\"tooltipdefinition--default\"\n  hasVueVersion=\"tooltip--default-definition-tootlip\"\n  codepen=\"pByRPr\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tooltip\" />\n","fileAbsolutePath":"/zeit/3e77a1c8/src/pages/components/tooltip/code.mdx"}}}}