{
    "componentChunkName": "component---src-layouts-rails-component-layout-tsx",
    "path": "/components/dialog/rails/alpha",
    "result": {"data":{"primerRailsVersion":{"version":"0.26.1"},"sitePage":{"path":"/components/dialog","context":{"frontmatter":{"title":"Dialog","description":"Dialog is a floating surface used to display transient content such as confirmation actions, selection options, and more.","reactId":"dialog","railsIds":["Primer::Alpha::Dialog"],"figmaId":"dialog","cssId":null}}},"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":"Dialog","railsId":"Primer::Alpha::Dialog","description":"A `Dialog` is used to remove the user from the main application flow,\nto confirm actions, ask for disambiguation or to present small forms.","status":"alpha","a11y_reviewed":true,"short_name":"Dialog","is_form_component":false,"accessibility_docs":"- **Dialog Accessible Name**: A dialog should have an accessible name,\nso screen readers are aware of the purpose of the dialog when it opens.\nGive an accessible name setting `:title`. The accessible name will be\nused as the main heading inside the dialog.\n- **Dialog unique id**: A dialog should be unique. Give a unique id\nsetting `:dialog_id`. If no `:dialog_id` is given, a default randomize\nhex id is generated.\n\nThe combination of both `:title` and `:dialog_id` establishes an\n`aria-labelledby` relationship between the title and the unique id of\nthe dialog.","props":[{"name":"id","type":"String","description":"The id of the dialog.","default":"`self.class.generate_id`"},{"name":"title","type":"String","description":"Describes the content of the dialog.","default":"N/A"},{"name":"subtitle","type":"String","description":"Provides additional context for the dialog, also setting the `aria-describedby` attribute.","default":"`nil`"},{"name":"size","type":"Symbol","description":"The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`.","default":"`:medium`"},{"name":"position","type":"Symbol","description":"The position of the dialog. One of `:center`, `:left`, or `:right`.","default":"`:center`"},{"name":"position_narrow","type":"Symbol","description":"The position of the dialog when narrow. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`.","default":"`:inherit`"},{"name":"visually_hide_title","type":"Boolean","description":"If true will hide the heading title, while still making it available to Screen Readers.","default":"`false`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[{"description":"Optional button to open the dialog.","name":"show_button","parameters":[{"default":"N/A","description":"The same arguments as {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}.","name":"system_arguments","type":"Hash"}]},{"description":"Header content.","name":"header","parameters":[{"default":"N/A","description":"Show a divider between the header and body.","name":"show_divider","type":"Boolean"},{"default":"N/A","description":"Visually hide the `title` while maintaining a label for assistive technologies.","name":"visually_hide_title","type":"Boolean"},{"default":"N/A","description":"The arguments accepted by {{#link_to_component}}Primer::Alpha::Dialog::Header{{/link_to_component}}.","name":"system_arguments","type":"Hash"}]},{"description":"Required body content.","name":"body","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Footer content.","name":"footer","parameters":[{"default":"N/A","description":"Show a divider between the footer and body.","name":"show_divider","type":"Boolean"},{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]}],"methods":[{"name":"id","description":"The dialog's ID value.","parameters":[]}],"previews":[{"name":"playground","preview_path":"primer/alpha/dialog/playground"},{"name":"default","preview_path":"primer/alpha/dialog/default"},{"name":"long_text","preview_path":"primer/alpha/dialog/long_text"},{"name":"with_header","preview_path":"primer/alpha/dialog/with_header"},{"name":"with_footer","preview_path":"primer/alpha/dialog/with_footer"},{"name":"with_form","preview_path":"primer/alpha/dialog/with_form"},{"name":"custom_header","preview_path":"primer/alpha/dialog/custom_header"},{"name":"nested_dialog","preview_path":"primer/alpha/dialog/nested_dialog"},{"name":"with_text_input","preview_path":"primer/alpha/dialog/with_text_input"},{"name":"with_auto_complete","preview_path":"primer/alpha/dialog/with_auto_complete"},{"name":"body_has_scrollbar_overflow","preview_path":"primer/alpha/dialog/body_has_scrollbar_overflow"},{"name":"autofocus_element","preview_path":"primer/alpha/dialog/autofocus_element"},{"name":"left_side","preview_path":"primer/alpha/dialog/left_side"},{"name":"right_side","preview_path":"primer/alpha/dialog/right_side"},{"name":"scroll_container","preview_path":"primer/alpha/dialog/scroll_container"},{"name":"dialog_inside_overlay","preview_path":"primer/alpha/dialog/dialog_inside_overlay"},{"name":"initally_open","preview_path":"primer/alpha/dialog/initally_open"},{"name":"with_header_filter","preview_path":"primer/alpha/dialog/with_header_filter"}],"subcomponents":[{"name":"Dialog::Header","railsId":"Primer::Alpha::Dialog::Header","description":"A `Dialog::Header` is a compositional component, used to render the\nHeader of a dialog. See {{#link_to_component}}Primer::Alpha::Dialog{{/link_to_component}}.","status":"alpha","a11y_reviewed":true,"short_name":"DialogHeader","accessibility_docs":null,"props":[{"name":"id","type":"String","description":"The HTML element's ID value.","default":"N/A"},{"name":"title","type":"String","description":"Describes the content of the dialog.","default":"N/A"},{"name":"subtitle","type":"String","description":"Provides additional context for the dialog, also setting the `aria-describedby` attribute.","default":"`nil`"},{"name":"show_divider","type":"Boolean","description":"Show a divider between the header and body.","default":"`false`"},{"name":"visually_hide_title","type":"Boolean","description":"Visually hide the `title` while maintaining a label for assistive technologies.","default":"`false`"},{"name":"variant","type":"Symbol","description":"One of `:large` or `:medium`.","default":"`:medium`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[{"description":"Optional filter slot for adding a filter input to the header.","name":"filter","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Optional subtitle slot for adding a subtitle to the header.","name":"subtitle","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]}],"methods":[]},{"name":"Dialog::Footer","railsId":"Primer::Alpha::Dialog::Footer","description":"A `Dialog::Footer` is a compositional component, used to render the\nFooter of a dialog. See {{#link_to_component}}Primer::Alpha::Dialog{{/link_to_component}}.","status":"alpha","a11y_reviewed":true,"short_name":"DialogFooter","accessibility_docs":null,"props":[{"name":"show_divider","type":"Boolean","description":"Show a divider between the footer and body.","default":"`false`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[],"methods":[]},{"name":"Dialog::Body","railsId":"Primer::Alpha::Dialog::Body","description":"A `Dialog::Body` is a compositional component, used to render the\nBody of a dialog. See {{#link_to_component}}Primer::Alpha::Dialog{{/link_to_component}}.","status":"alpha","a11y_reviewed":true,"short_name":"DialogBody","accessibility_docs":null,"props":[{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[],"methods":[]}]}},"pageContext":{"componentId":"Primer::Alpha::Dialog","parentPath":"/components/dialog"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}