{
    "componentChunkName": "component---src-layouts-rails-component-layout-tsx",
    "path": "/components/border-box/rails/beta",
    "result": {"data":{"primerRailsVersion":{"version":"0.11.0"},"sitePage":{"path":"/components/border-box","context":{"frontmatter":{"title":"Border box","description":"Border box is a box component with a border.","reactId":null,"railsIds":["Primer::Beta::BorderBox"],"figmaId":null,"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::CloseButton","status":"beta"},{"railsId":"Primer::Beta::Counter","status":"beta"},{"railsId":"Primer::Beta::Details","status":"beta"},{"railsId":"Primer::Beta::Flash","status":"beta"},{"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":"BorderBox","railsId":"Primer::Beta::BorderBox","description":"`BorderBox` is a Box component with a border.","status":"beta","a11y_reviewed":false,"short_name":"BorderBox","is_form_component":false,"accessibility_docs":null,"props":[{"name":"padding","type":"Symbol","description":"One of `:condensed`, `:default`, or `:spacious`.","default":"`:default`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[{"description":"Optional Header.\n\nWhen using header.with_title, the recommended tag is a heading tag, such as h1, h2, h3, etc.","name":"header","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Optional Body.","name":"body","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Optional Footer.","name":"footer","parameters":[{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]},{"description":"Use Rows to add rows with borders and maintain the same padding.","name":"rows","parameters":[{"default":"N/A","description":"Color scheme. One of `:default`, `:info`, `:neutral`, or `:warning`.","name":"scheme","type":"Symbol"},{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]}],"methods":[],"previews":[{"name":"playground","preview_path":"primer/beta/border_box/playground"},{"name":"default","preview_path":"primer/beta/border_box/default"},{"name":"header_with_title","preview_path":"primer/beta/border_box/header_with_title"},{"name":"row_colors","preview_path":"primer/beta/border_box/row_colors"},{"name":"padding_default","preview_path":"primer/beta/border_box/padding_default"},{"name":"padding_condensed","preview_path":"primer/beta/border_box/padding_condensed"},{"name":"padding_spacious","preview_path":"primer/beta/border_box/padding_spacious"}],"subcomponents":[{"name":"BorderBox::Header","railsId":"Primer::Beta::BorderBox::Header","description":"`BorderBox::Header` is used inside `BorderBox` to render its header slot.","status":"beta","a11y_reviewed":false,"short_name":"BorderBoxHeader","accessibility_docs":"When using `header.with_title`, set `tag` to one of `h1`, `h2`, `h3`, etc. based on what is appropriate for the page context. <%= link_to_heading_practices %>","props":[{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[{"description":"Optional Title.","name":"title","parameters":[{"default":"N/A","description":"One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`.","name":"tag","type":"Symbol"},{"default":"N/A","description":"{{link_to_system_arguments_docs}}","name":"system_arguments","type":"Hash"}]}],"methods":[{"name":"id","description":"Returns the value of attribute id.","parameters":[]}]}]}},"pageContext":{"componentId":"Primer::Beta::BorderBox","parentPath":"/components/border-box"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3642798368","3907230164"]}