{"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":"3bd0d1c5-7822-5e24-8a79-53c131c247b9","children":[],"parent":"42162773-b852-5d6f-aff0-2e2a8bdf59d7","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":"0dd54ab132c614c04693dd989b9ef593","counter":1598,"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/1dde86ed/src/pages/components/tooltip/code.mdx"}}}}