{
    "componentChunkName": "component---src-layouts-react-component-layout-tsx",
    "path": "/components/button/react",
    "result": {"data":{"primerReactVersion":{"version":"35.25.1"},"sitePage":{"path":"/components/button","context":{"frontmatter":{"title":"Button","description":"Button is used to initiate actions on a page or form.","reactId":"button","railsId":"Primer::Beta::Button","figmaId":"button"}}},"reactComponent":{"name":"Button","status":"alpha","a11yReviewed":false,"stories":[{"id":"components-button--default","code":"() => <Button>Default</Button>"}],"props":[{"name":"children","type":"React.ReactNode","description":"The content of the button.","defaultValue":null,"required":true,"deprecated":null},{"name":"variant","type":"| 'default'\n| 'primary'\n| 'danger'\n| 'outline'\n| 'invisible'","description":"Change the visual style of the button.","defaultValue":"'default'","required":null,"deprecated":null},{"name":"size","type":"| 'small'\n| 'medium'\n| 'large'","description":null,"defaultValue":"'medium'","required":null,"deprecated":null},{"name":"leadingIcon","type":"React.ComponentType<OcticonProps>","description":"An icon to display before the button text.","defaultValue":null,"required":null,"deprecated":null},{"name":"trailingIcon","type":"React.ComponentType<OcticonProps>","description":"An icon to display after the button text.","defaultValue":null,"required":null,"deprecated":null},{"name":"as","type":"React.ElementType","description":null,"defaultValue":"'button'","required":null,"deprecated":null},{"name":"sx","type":"SystemStyleObject","description":null,"defaultValue":null,"required":null,"deprecated":null},{"name":"ref","type":"React.RefObject<HTMLButtonElement>","description":null,"defaultValue":null,"required":null,"deprecated":null}],"subcomponents":[{"name":"Button.Counter","props":[{"name":"children","type":"number","description":"The counter value.","defaultValue":null,"required":true,"deprecated":null},{"name":"sx","type":"SystemStyleObject","description":null,"defaultValue":null,"required":null,"deprecated":null}]}]}},"pageContext":{"componentId":"button","parentPath":"/components/button"}},
    "staticQueryHashes": ["2468112454","2745756513","2790671566","3907230164"]}