{
    "componentChunkName": "component---src-layouts-react-component-layout-tsx",
    "path": "/components/truncate/react",
    "result": {"data":{"primerReactVersion":{"version":"36.5.0"},"sitePage":{"path":"/components/truncate","context":{"frontmatter":{"title":"Truncate","description":"Use Truncate to shorten overflowing text with an ellipsis.","reactId":"truncate","railsIds":["Primer::Beta::Truncate","Primer::Truncate"],"figmaId":null,"cssId":null}}},"reactComponent":{"name":"Truncate","status":"alpha","a11yReviewed":false,"stories":[{"id":"components-truncate--default","code":"() => <Truncate title=\"Some example text\">Some example text</Truncate>"}],"props":[{"name":"maxWidth","type":"number","description":"Sets the max-width of the text.","defaultValue":"125","required":null,"deprecated":null},{"name":"inline","type":"boolean","description":"Displays text as inline block and vertical aligns to the top.","defaultValue":"false","required":null,"deprecated":null},{"name":"expandable","type":"boolean","description":"Allows the truncated text to be displayed on hover.","defaultValue":"false","required":null,"deprecated":null},{"name":"as","type":"React.ElementType","description":null,"defaultValue":"'div'","required":null,"deprecated":null},{"name":"sx","type":"SystemStyleObject","description":null,"defaultValue":null,"required":null,"deprecated":null}],"subcomponents":[]}},"pageContext":{"componentId":"truncate","parentPath":"/components/truncate"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}