{
    "componentChunkName": "component---src-layouts-react-component-layout-tsx",
    "path": "/components/icon/react",
    "result": {"data":{"primerReactVersion":{"version":"36.5.0"},"sitePage":{"path":"/components/icon","context":{"frontmatter":{"title":"Icon","description":"Icons at GitHub are called Octicons, which are available in various implementations including React, Figma, Rails, and Styled System.","reactId":"octicon","railsIds":["Primer::Beta::Octicon"],"figmaId":"icon","cssId":null}}},"reactComponent":{"name":"Octicon","status":"alpha","a11yReviewed":false,"stories":[{"id":"components-octicon--default","code":"() => <Octicon icon={HeartFillIcon} size={32} />"}],"props":[{"name":"ariaLabel","type":"string","description":"Specifies the aria-label attribute, which is read verbatim by screen readers ","defaultValue":"","required":null,"deprecated":null},{"name":"icon","type":"Component","description":"Checks the input by default in uncontrolled modeName of the [Octicon component](https://primer.style/octicons/) used in the","defaultValue":"","required":null,"deprecated":null},{"name":"color","type":"string","description":"Sets an override color for the Octicon. Compatible with colors from the [Primer color system](https://primer.style/primitives/colors).\"","defaultValue":"","required":null,"deprecated":null},{"name":"size","type":"number","description":"Sets the uniform `width` and `height` of the SVG element","defaultValue":"16","required":null,"deprecated":null},{"name":"verticalAlign","type":"string","description":"Sets the `vertical-align` CSS property","defaultValue":"text-bottom","required":null,"deprecated":null},{"name":"sx","type":"SystemStyleObject","description":null,"defaultValue":null,"required":null,"deprecated":null}],"subcomponents":[]}},"pageContext":{"componentId":"octicon","parentPath":"/components/icon"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}