{"componentChunkName":"component---src-pages-components-tooltip-code-mdx","path":"/components/tooltip/code/","webpackCompilationHash":"aaa6c4cbb44f8ca938e9","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"]},"relativePagePath":"/components/tooltip/code.mdx","titleType":"prepend","MdxNode":{"id":"ddce91af-09bf-59e6-91b3-163771fe4751","children":[],"parent":"d65c35c2-4fc8-57b6-a60e-5c6271fa65d9","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']\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":"1ed579e8440f1d62450a32da551851a2","counter":1181,"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"]},"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']\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":"/tmp/42b44a0/src/pages/components/tooltip/code.mdx"}}}}