{"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":"bc14c59e-7fa9-5145-afe7-46489c43a8c7","children":[],"parent":"4660d05f-d886-55b4-8b90-837912411231","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":"c22a87c4fb24011ed19da75bca0368f9","counter":1605,"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/3f757860/src/pages/components/tooltip/code.mdx"}}}}