{
    "componentChunkName": "component---src-layouts-react-component-layout-tsx",
    "path": "/components/icon-button/react",
    "result": {"data":{"primerReactVersion":{"version":"35.26.0"},"sitePage":{"path":"/components/icon-button","context":{"frontmatter":{"title":"Icon button","description":"Icon button is used for buttons that show an icon in place of a text label.","reactId":"icon_button","railsId":"Primer::Beta::IconButton","figmaId":null}}},"reactComponent":{"name":"IconButton","status":"alpha","a11yReviewed":false,"stories":[{"id":"components-iconbutton--default","code":"() => <IconButton icon={HeartIcon} aria-label=\"Default\" />"}],"props":[{"name":"children","type":"React.ReactNode","description":"This will be the Button description.","defaultValue":"","required":true,"deprecated":null},{"name":"variant","type":"'default' | 'primary' | 'danger' | 'outline' | 'invisible'","description":"Changes the look and feel of the button which is different for each variant","defaultValue":"","required":null,"deprecated":null},{"name":"size","type":"'small' | 'medium' | 'large'","description":"Changes the size of the icon button component","defaultValue":"","required":null,"deprecated":null},{"name":"icon","type":"Component","description":"provide an octicon. It will be placed in the center of the button","defaultValue":"","required":null,"deprecated":null},{"name":"sx","type":"SystemStyleObject","description":null,"defaultValue":null,"required":null,"deprecated":null}],"subcomponents":[]}},"pageContext":{"componentId":"icon_button","parentPath":"/components/icon-button"}},
    "staticQueryHashes": ["2468112454","2745756513","2790671566","3907230164"]}