{"componentChunkName":"component---src-pages-components-tooltip-code-mdx","path":"/components/tooltip/code/","result":{"pageContext":{"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":"1edc10c9-19f7-5ae6-b94c-e78f104998d3","children":[],"parent":"8f641d4a-96c6-5018-9fec-5edd1436fd91","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","type":"Mdx","contentDigest":"489eef77051b14cdb01324afa1c87a90","counter":1596,"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","fileAbsolutePath":"/zeit/767b4790/src/pages/components/tooltip/code.mdx"}}}}