{
    "componentChunkName": "component---src-layouts-rails-component-layout-tsx",
    "path": "/components/overlay/rails",
    "result": {"data":{"primerRailsVersion":{"version":"0.2.0"},"sitePage":{"path":"/components/overlay","context":{"frontmatter":{"title":"Overlay","description":"Overlay components codify design patterns related to floating surfaces such as dialogs and menus.","reactId":null,"railsId":"Primer::Alpha::Overlay","figmaId":null}}},"railsComponent":{"name":"Overlay","railsId":"Primer::Alpha::Overlay","description":"Overlay components codify design patterns related to floating surfaces such\nas dialogs and menus. They are private components intended to be used by\nspecialized components, and mostly contain presentational logic and\nbehavior.","status":"alpha","a11y_reviewed":false,"short_name":"Overlay","is_form_component":false,"is_published":true,"props":[{"name":"id","type":"String","description":"The id of the Overlay.","default":"`self.class.generate_id`"},{"name":"title","type":"String","description":"Describes the content of the Overlay.","default":"N/A"},{"name":"subtitle","type":"String","description":"Provides dditional context for the Overlay, also setting the `aria-describedby` attribute.","default":"`nil`"},{"name":"popover","type":"Symbol","description":"The popover behaviour. One of `:auto` or `:manual`.","default":"`:auto`"},{"name":"size","type":"Symbol","description":"The size of the Overlay. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`.","default":"`:auto`"},{"name":"padding","type":"Symbol","description":"The padding given to the Overlay body. One of `:condensed`, `:none`, or `:normal`.","default":"`:normal`"},{"name":"anchor","type":"String","description":"An ID of the element to anchor onto. Defaults to the `show_button`.","default":"`nil`"},{"name":"anchor_align","type":"Symbol","description":"The anchor alignment of the Overlay. One of `:center`, `:end`, or `:start`.","default":"`:start`"},{"name":"anchor_side","type":"Symbol","description":"The side to anchor the Overlay to. One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`.","default":"`:outside_bottom`"},{"name":"anchor_offset","type":"Symbol","description":"The anchor offset to give the Overlay. One of `:normal` or `:spacious`.","default":"`:normal`"},{"name":"allow_out_of_bounds","type":"Boolean","description":"Allow the Overlay to overflow its container.","default":"`false`"},{"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":"role","type":"String","description":"The ARIA role. One of `nil`, `:dialog`, or `:menu`.","default":"`nil`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[{"description":"Optional button to open the Overlay.","name":"show_button","parameters":[{"default":"N/A","description":"Name of {{link_to_octicons}} to use instead of text. If provided, a {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}} will be rendered. Otherwise a {{#link_to_component}}Primer::Beta::Button{{/link_to_component}} will be rendered.","name":"icon","type":"String"},{"default":"N/A","description":"The ID of the menu this button controls. Used internally.","name":"controls","type":"String"},{"default":"N/A","description":"The arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}} or {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}} depending on the presence of the `icon:` argument.","name":"button_arguments","type":"Hash"}]},{"description":"Header content.","name":"header","parameters":[{"default":"N/A","description":"Show a divider between the header and body.","name":"divider","type":"Boolean"},{"default":"N/A","description":"One of One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`..","name":"size","type":"Symbol"},{"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":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Required body content.","name":"body","parameters":[{"default":"N/A","description":"The padding. One of `:condensed`, `:none`, or `:normal`.","name":"padding","type":"Symbol"},{"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":[],"previews":[{"name":"playground","preview_path":"primer/alpha/overlay/playground"},{"name":"default","preview_path":"primer/alpha/overlay/default"},{"name":"menu_no_header","preview_path":"primer/alpha/overlay/menu_no_header"},{"name":"middle_of_page","preview_path":"primer/alpha/overlay/middle_of_page"},{"name":"middle_of_page_with_relative_container","preview_path":"primer/alpha/overlay/middle_of_page_with_relative_container"}],"subcomponents":[{"name":"Overlay::Header","railsId":"Primer::Alpha::Overlay::Header","description":"A `Overlay::Header` is a compositional component, used to render the\nHeader of an overlay. See {{#link_to_component}}Primer::Alpha::Overlay{{/link_to_component}}.","status":"alpha","a11y_reviewed":false,"short_name":"OverlayHeader","props":[{"name":"title","type":"String","description":"Describes the content of the Overlay.","default":"N/A"},{"name":"subtitle","type":"String","description":"Provides additional context for the Overlay, also setting the `aria-describedby` attribute.","default":"`nil`"},{"name":"overlay_id","type":"String","description":"Provides the id of the overlay element so the close button can close it","default":"`nil`"},{"name":"size","type":"Symbol","description":"The size of the Header. One of `:large` or `:medium`.","default":"`:medium`"},{"name":"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":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[],"methods":[]},{"name":"Overlay::Footer","railsId":"Primer::Alpha::Overlay::Footer","description":"A `Overlay::Footer` is a compositional component, used to render the\nFooter of an overlay. See {{#link_to_component}}Primer::Alpha::Overlay{{/link_to_component}}.","status":"alpha","a11y_reviewed":false,"short_name":"OverlayFooter","props":[{"name":"show_divider","type":"Boolean","description":"Show a divider between the footer and body.","default":"`false`"},{"name":"align_content","type":"Symbol","description":"The alginment of contents. One of `:center`, `:end`, or `:start`.","default":"`DEFAULT_ALIGN_CONTENT`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[],"methods":[]},{"name":"Overlay::Body","railsId":"Primer::Alpha::Overlay::Body","description":"A `Overlay::Body` is a compositional component, used to render the\nBody of an overlay. See {{#link_to_component}}Primer::Alpha::Overlay{{/link_to_component}}.","status":"alpha","a11y_reviewed":false,"short_name":"OverlayBody","props":[{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[],"methods":[]}]}},"pageContext":{"componentId":"Primer::Alpha::Overlay","parentPath":"/components/overlay"}},
    "staticQueryHashes": ["2468112454","2580293464","2745756513","2790671566","3907230164"]}