{
    "componentChunkName": "component---src-layouts-react-component-layout-tsx",
    "path": "/components/tooltip/react",
    "result": {"data":{"primerReactVersion":{"version":"36.3.0"},"sitePage":{"path":"/components/tooltip","context":{"frontmatter":{"title":"Tooltip","description":"Tooltips add additional context to interactive UI elements and appear on mouse hover or keyboard focus.","reactId":"tooltip","railsIds":["Primer::Alpha::Tooltip","Primer::Tooltip"],"figmaId":"tooltip","cssId":"tooltip"}}},"reactComponent":{"name":"Tooltip","status":"alpha","a11yReviewed":false,"stories":[{"id":"components-tooltip--default","code":"() => (\n  <Box\n    sx={{\n      p: 5,\n    }}\n  >\n    <Tooltip aria-label=\"Hello, Tooltip!\">\n      <Button>Hover me</Button>\n    </Tooltip>\n  </Box>\n)"}],"props":[{"name":"align","type":"'left' | 'right'","description":null,"defaultValue":null,"required":null,"deprecated":null},{"name":"direction","type":"'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw'","description":"Sets where the tooltip renders in relation to the target.","defaultValue":"n","required":null,"deprecated":null},{"name":"noDelay","type":"boolean","description":"When set to `true`, tooltip appears without any delay.","defaultValue":null,"required":null,"deprecated":null},{"name":"aria-label","type":"string","description":"Text used in `aria-label` (for accessibility)","defaultValue":null,"required":null,"deprecated":null},{"name":"wrap","type":"boolean","description":"Use `true` to allow text within tooltip to wrap.","defaultValue":null,"required":null,"deprecated":null},{"name":"sx","type":"SystemStyleObject","description":null,"defaultValue":null,"required":null,"deprecated":null}],"subcomponents":[]}},"pageContext":{"componentId":"tooltip","parentPath":"/components/tooltip"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}