{
    "componentChunkName": "component---src-layouts-react-component-layout-tsx",
    "path": "/components/tooltip/react",
    "result": {"data":{"primerReactVersion":{"version":"35.31.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":"draft","a11yReviewed":false,"stories":[{"id":"drafts-components-tooltip--default","code":"() => (\n  <Box\n    sx={{\n      p: 6,\n    }}\n  >\n    <Tooltip text=\"This change can't be undone.\">\n      <Button>Delete</Button>\n    </Tooltip>\n  </Box>\n)"}],"props":[{"name":"direction","type":"'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w' | 'nw'","description":"Sets where the tooltip renders in relation to the target.","defaultValue":"s","required":null,"deprecated":null},{"name":"text","type":"string","description":"The text to be displayed in the tooltip","defaultValue":null,"required":null,"deprecated":null},{"name":"type","type":"'label' | 'description'","description":"The type of tooltip. `label` is used for labelling the element that triggers tooltip. `description` is used for describing or adding a suplementary information to the element that triggers the tooltip.","defaultValue":"description","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","3642798368","3907230164"]}