{
    "componentChunkName": "component---src-layouts-rails-component-layout-tsx",
    "path": "/components/button/rails/beta",
    "result": {"data":{"primerRailsVersion":{"version":"0.24.1"},"sitePage":{"path":"/components/button","context":{"frontmatter":{"title":"Button","description":"Button is used to initiate actions on a page or form.","reactId":"button","railsIds":["Primer::Beta::Button","Primer::ButtonComponent"],"figmaId":"button","cssId":"button"}}},"allRailsComponent":{"nodes":[{"railsId":"Primer::Alpha::ActionBar","status":"alpha"},{"railsId":"Primer::Alpha::ActionList","status":"alpha"},{"railsId":"Primer::Alpha::ActionMenu","status":"alpha"},{"railsId":"Primer::Alpha::AutoComplete","status":"deprecated"},{"railsId":"Primer::Alpha::Banner","status":"alpha"},{"railsId":"Primer::Alpha::ButtonMarketing","status":"alpha"},{"railsId":"Primer::Alpha::CheckBox","status":"alpha"},{"railsId":"Primer::Alpha::CheckBoxGroup","status":"alpha"},{"railsId":"Primer::Alpha::Dialog","status":"alpha"},{"railsId":"Primer::Alpha::Dropdown","status":"alpha"},{"railsId":"Primer::Alpha::FormButton","status":"alpha"},{"railsId":"Primer::Alpha::FormControl","status":"alpha"},{"railsId":"Primer::Alpha::HellipButton","status":"alpha"},{"railsId":"Primer::Alpha::HiddenTextExpander","status":"alpha"},{"railsId":"Primer::Alpha::Image","status":"alpha"},{"railsId":"Primer::Alpha::ImageCrop","status":"alpha"},{"railsId":"Primer::Alpha::Layout","status":"alpha"},{"railsId":"Primer::Alpha::Menu","status":"alpha"},{"railsId":"Primer::Alpha::MultiInput","status":"alpha"},{"railsId":"Primer::Alpha::NavList","status":"deprecated"},{"railsId":"Primer::Alpha::Navigation::Tab","status":"alpha"},{"railsId":"Primer::Alpha::OcticonSymbols","status":"alpha"},{"railsId":"Primer::Alpha::Overlay","status":"alpha"},{"railsId":"Primer::Alpha::RadioButton","status":"alpha"},{"railsId":"Primer::Alpha::RadioButtonGroup","status":"alpha"},{"railsId":"Primer::Alpha::SegmentedControl","status":"alpha"},{"railsId":"Primer::Alpha::Select","status":"alpha"},{"railsId":"Primer::Alpha::SubmitButton","status":"alpha"},{"railsId":"Primer::Alpha::TabContainer","status":"alpha"},{"railsId":"Primer::Alpha::TabNav","status":"alpha"},{"railsId":"Primer::Alpha::TabPanels","status":"alpha"},{"railsId":"Primer::Alpha::TextArea","status":"alpha"},{"railsId":"Primer::Alpha::TextField","status":"alpha"},{"railsId":"Primer::Alpha::ToggleSwitch","status":"alpha"},{"railsId":"Primer::Alpha::Tooltip","status":"alpha"},{"railsId":"Primer::Alpha::UnderlineNav","status":"alpha"},{"railsId":"Primer::Alpha::UnderlinePanels","status":"alpha"},{"railsId":"Primer::Beta::AutoComplete","status":"beta"},{"railsId":"Primer::Beta::Avatar","status":"beta"},{"railsId":"Primer::Beta::AvatarStack","status":"beta"},{"railsId":"Primer::Beta::BaseButton","status":"beta"},{"railsId":"Primer::Beta::Blankslate","status":"beta"},{"railsId":"Primer::Beta::BorderBox","status":"beta"},{"railsId":"Primer::Beta::Breadcrumbs","status":"beta"},{"railsId":"Primer::Beta::Button","status":"beta"},{"railsId":"Primer::Beta::ButtonGroup","status":"beta"},{"railsId":"Primer::Beta::ClipboardCopy","status":"beta"},{"railsId":"Primer::Beta::ClipboardCopyBaseButton","status":"beta"},{"railsId":"Primer::Beta::ClipboardCopyButton","status":"beta"},{"railsId":"Primer::Beta::CloseButton","status":"beta"},{"railsId":"Primer::Beta::Counter","status":"beta"},{"railsId":"Primer::Beta::Details","status":"beta"},{"railsId":"Primer::Beta::Flash","status":"deprecated"},{"railsId":"Primer::Beta::Heading","status":"beta"},{"railsId":"Primer::Beta::IconButton","status":"beta"},{"railsId":"Primer::Beta::Label","status":"beta"},{"railsId":"Primer::Beta::Link","status":"beta"},{"railsId":"Primer::Beta::Markdown","status":"beta"},{"railsId":"Primer::Beta::NavList","status":"beta"},{"railsId":"Primer::Beta::Octicon","status":"beta"},{"railsId":"Primer::Beta::Popover","status":"beta"},{"railsId":"Primer::Beta::ProgressBar","status":"beta"},{"railsId":"Primer::Beta::RelativeTime","status":"beta"},{"railsId":"Primer::Beta::Spinner","status":"beta"},{"railsId":"Primer::Beta::State","status":"beta"},{"railsId":"Primer::Beta::Subhead","status":"beta"},{"railsId":"Primer::Beta::Text","status":"beta"},{"railsId":"Primer::Beta::TimelineItem","status":"beta"},{"railsId":"Primer::Beta::Truncate","status":"beta"},{"railsId":"Primer::BlankslateComponent","status":"deprecated"},{"railsId":"Primer::Box","status":"stable"},{"railsId":"Primer::ButtonComponent","status":"deprecated"},{"railsId":"Primer::ConditionalWrapper","status":"alpha"},{"railsId":"Primer::Content","status":"stable"},{"railsId":"Primer::IconButton","status":"deprecated"},{"railsId":"Primer::LayoutComponent","status":"deprecated"},{"railsId":"Primer::Navigation::TabComponent","status":"deprecated"},{"railsId":"Primer::Tooltip","status":"deprecated"},{"railsId":"Primer::Truncate","status":"deprecated"},{"railsId":"Primer::BaseComponent","status":null}]},"railsComponent":{"name":"Button","railsId":"Primer::Beta::Button","description":"Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.","status":"beta","a11y_reviewed":false,"short_name":"Button","is_form_component":false,"accessibility_docs":"Additional markup is required if setting the `tag` argument to either `:a` or `:summary`.\n\n* `:a` requires you to pass in an `href` attribute\n* `:summary` requires you to wrap the component in a `<details>` element","props":[{"name":"base_button_class","type":"Class","description":"The button class to render.","default":"`Primer::Beta::BaseButton`"},{"name":"scheme","type":"Symbol","description":"One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`.","default":"`:default`"},{"name":"size","type":"Symbol","description":"One of `:large`, `:medium`, or `:small`.","default":"`:medium`"},{"name":"block","type":"Boolean","description":"Whether button is full-width with `display: block`.","default":"`false`"},{"name":"align_content","type":"Symbol","description":"One of `:center` or `:start`.","default":"`:center`"},{"name":"tag","type":"Symbol","description":"One of `:a`, `:button`, `:clipboard-copy`, or `:summary`.","default":"`:button`"},{"name":"type","type":"Symbol","description":"One of `:button`, `:reset`, or `:submit`.","default":"`:button`"},{"name":"disabled","type":"Boolean","description":"Whether or not the button is disabled. If true, this option forces `tag:` to `:button`.","default":"`false`"},{"name":"label_wrap","type":"Boolean","description":"Whether or not the button label text wraps and the button height expands.","default":"`false`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[{"description":"Leading visuals appear to the left of the button text.\n\nUse:\n\n- `leading_visual_icon` for a {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n\n- `leading_visual_svg` to render a SVG.","name":"leading_visual","parameters":[{"default":"N/A","description":"Same arguments as {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.","name":"system_arguments","type":"Hash"}]},{"description":"Trailing visuals appear to the right of the button text.\n\nUse:\n\n- `trailing_visual_counter` for a {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}.","name":"trailing_visual","parameters":[{"default":"N/A","description":"Same arguments as {{#link_to_component}}Primer::Beta::Counter{{/link_to_component}}.","name":"system_arguments","type":"Hash"}]},{"description":"Trailing action appears to the right of the trailing visual.\n\nUse:\n\n- `trailing_action_icon` for a {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.","name":"trailing_action","parameters":[{"default":"N/A","description":"Same arguments as {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.","name":"system_arguments","type":"Hash"}]},{"description":"`Tooltip` that appears on mouse hover or keyboard focus over the button. Use tooltips sparingly and as a last resort.\n**Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be more appropriate.\nConsult the {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}} documentation for more information.","name":"tooltip","parameters":[{"default":"`:description`","description":"One of `:description` or `:label`.","name":"type","type":"Symbol"},{"default":"N/A","description":"Same arguments as {{#link_to_component}}Primer::Alpha::Tooltip{{/link_to_component}}.","name":"system_arguments","type":"Hash"}]}],"methods":[],"previews":[{"name":"playground","preview_path":"primer/beta/button/playground"},{"name":"default","preview_path":"primer/beta/button/default"},{"name":"primary","preview_path":"primer/beta/button/primary"},{"name":"danger","preview_path":"primer/beta/button/danger"},{"name":"invisible","preview_path":"primer/beta/button/invisible"},{"name":"invisible_all_visuals","preview_path":"primer/beta/button/invisible_all_visuals"},{"name":"link","preview_path":"primer/beta/button/link"},{"name":"all_schemes","preview_path":"primer/beta/button/all_schemes"},{"name":"full_width","preview_path":"primer/beta/button/full_width"},{"name":"label_wrap","preview_path":"primer/beta/button/label_wrap"},{"name":"link_as_button","preview_path":"primer/beta/button/link_as_button"},{"name":"summary_as_button","preview_path":"primer/beta/button/summary_as_button"},{"name":"trailing_visual","preview_path":"primer/beta/button/trailing_visual"},{"name":"leading_visual","preview_path":"primer/beta/button/leading_visual"},{"name":"leading_visual_svg","preview_path":"primer/beta/button/leading_visual_svg"},{"name":"trailing_action","preview_path":"primer/beta/button/trailing_action"},{"name":"trailing_counter","preview_path":"primer/beta/button/trailing_counter"},{"name":"with_tooltip","preview_path":"primer/beta/button/with_tooltip"},{"name":"inactive","preview_path":"primer/beta/button/inactive"},{"name":"link_scheme_label_wrap","preview_path":"primer/beta/button/link_scheme_label_wrap"},{"name":"small_scheme_one_character","preview_path":"primer/beta/button/small_scheme_one_character"}],"subcomponents":[]}},"pageContext":{"componentId":"Primer::Beta::Button","parentPath":"/components/button"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}