{
    "componentChunkName": "component---src-layouts-rails-component-layout-tsx",
    "path": "/components/blankslate/rails/beta",
    "result": {"data":{"primerRailsVersion":{"version":"0.24.1"},"sitePage":{"path":"/components/blankslate","context":{"frontmatter":{"title":"Blankslate","description":"Blankslate is used as placeholder to tell users why content is missing.","reactId":"blankslate","railsIds":["Primer::Beta::Blankslate","Primer::BlankslateComponent"],"figmaId":"blankslate","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":"Blankslate","railsId":"Primer::Beta::Blankslate","description":"Use `Blankslate` when there is a lack of content within a page or section. Use as placeholder to tell users why something isn't there.","status":"beta","a11y_reviewed":false,"short_name":"Blankslate","is_form_component":false,"accessibility_docs":"- The blankslate uses a semantic heading that must be set at the appropriate level based on the hierarchy of the page.\n- All blankslate visuals have been programmed as decorative images, using `aria-hidden=”true”` and `img alt=””`,  which will hide the visual from screen reader users.\n- The blankslate supports a primary and secondary action. Both actions have been built as semantic links with primary and secondary styling.\n- `secondary_action` text should be meaningful out of context and clearly describe the destination. Avoid using vague text like, \"Learn more\" or \"Click here\".\n- The blankslate can leverage the spinner component, which will communicate to screen reader users that the content is still loading.","props":[{"name":"narrow","type":"Boolean","description":"Adds a maximum width of `485px` to the Blankslate.","default":"`false`"},{"name":"spacious","type":"Boolean","description":"Increases the padding from `32px` to `80px 40px`.","default":"`false`"},{"name":"border","type":"Boolean","description":"Adds a border around the Blankslate.","default":"`false`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[{"description":"Optional visual.\n\nUse:\n\n- `visual_icon` for an {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}}.\n- `visual_image` for an {{#link_to_component}}Primer::Alpha::Image{{/link_to_component}}.\n- `visual_spinner` for a {{#link_to_component}}Primer::Beta::Spinner{{/link_to_component}}.","name":"visual","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Required heading.","name":"heading","parameters":[{"default":"N/A","description":"One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`.","name":"tag","type":"String"},{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Optional description.\n\n- The description should always be informative and actionable.\n- Don't use phrases like \"You can\".","name":"description","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Optional primary action\n\nThe `primary_action` slot renders an anchor link which is visually styled as a button to provide more emphasis to the\nBlankslate's primary action.","name":"primary_action","parameters":[{"default":"N/A","description":"URL to be used for the primary action.","name":"href","type":"String"},{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Optional secondary action\n\nThe `secondary_action` slot renders a normal anchor link, which can be used to redirect the user to additional information\n(e.g. Help documentation).","name":"secondary_action","parameters":[{"default":"N/A","description":"URL to be used for the secondary action.","name":"href","type":"String"},{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]}],"methods":[],"previews":[{"name":"playground","preview_path":"primer/beta/blankslate/playground"},{"name":"default","preview_path":"primer/beta/blankslate/default"},{"name":"option_narrow","preview_path":"primer/beta/blankslate/option_narrow"},{"name":"option_spacious","preview_path":"primer/beta/blankslate/option_spacious"},{"name":"option_border","preview_path":"primer/beta/blankslate/option_border"},{"name":"with_icon","preview_path":"primer/beta/blankslate/with_icon"},{"name":"with_image","preview_path":"primer/beta/blankslate/with_image"},{"name":"loading","preview_path":"primer/beta/blankslate/loading"},{"name":"description","preview_path":"primer/beta/blankslate/description"},{"name":"primary_action","preview_path":"primer/beta/blankslate/primary_action"},{"name":"secondary_action","preview_path":"primer/beta/blankslate/secondary_action"},{"name":"full","preview_path":"primer/beta/blankslate/full"},{"name":"inside_flex_container","preview_path":"primer/beta/blankslate/inside_flex_container"}],"subcomponents":[]}},"pageContext":{"componentId":"Primer::Beta::Blankslate","parentPath":"/components/blankslate"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}