{"data":{"allSitePage":{"nodes":[{"path":"/","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/about","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/action-menu","context":{"frontmatter":{"railsIds":["Primer::Alpha::ActionMenu"],"reactId":"action_menu"}}},{"path":"/components/anchored-overlay","context":{"frontmatter":{"railsIds":null,"reactId":"anchored_overlay"}}},{"path":"/components/avatar-pair","context":{"frontmatter":{"railsIds":null,"reactId":"avatar_pair"}}},{"path":"/components/avatar-stack","context":{"frontmatter":{"railsIds":["Primer::Beta::AvatarStack"],"reactId":"avatar_stack"}}},{"path":"/components/avatar","context":{"frontmatter":{"railsIds":["Primer::Beta::Avatar"],"reactId":"avatar"}}},{"path":"/components/blankslate","context":{"frontmatter":{"railsIds":["Primer::Beta::Blankslate","Primer::BlankslateComponent"],"reactId":"blankslate"}}},{"path":"/components/banner","context":{"frontmatter":{"railsIds":["Primer::Alpha::Banner"],"reactId":null}}},{"path":"/components/border-box","context":{"frontmatter":{"railsIds":["Primer::Beta::BorderBox"],"reactId":null}}},{"path":"/components/breadcrumbs","context":{"frontmatter":{"railsIds":["Primer::Beta::Breadcrumbs"],"reactId":"breadcrumbs"}}},{"path":"/components/branch-name","context":{"frontmatter":{"railsIds":null,"reactId":"branch_name"}}},{"path":"/components/button-group","context":{"frontmatter":{"railsIds":["Primer::Beta::ButtonGroup"],"reactId":"button_group"}}},{"path":"/components/button-marketing","context":{"frontmatter":{"railsIds":["Primer::Alpha::ButtonMarketing"],"reactId":null}}},{"path":"/components/checkbox-group","context":{"frontmatter":{"railsIds":["Primer::Alpha::CheckBoxGroup"],"reactId":"checkbox_group"}}},{"path":"/components/button","context":{"frontmatter":{"railsIds":["Primer::Beta::Button","Primer::ButtonComponent"],"reactId":"button"}}},{"path":"/components/clipboard-copy","context":{"frontmatter":{"railsIds":["Primer::Beta::ClipboardCopy"],"reactId":null}}},{"path":"/components/close-button","context":{"frontmatter":{"railsIds":["Primer::Beta::CloseButton"],"reactId":null}}},{"path":"/components/counter-label","context":{"frontmatter":{"railsIds":["Primer::Beta::Counter"],"reactId":"counter_label"}}},{"path":"/components/details","context":{"frontmatter":{"railsIds":["Primer::Beta::Details"],"reactId":"details"}}},{"path":"/components/flash","context":{"frontmatter":{"railsIds":["Primer::Beta::Flash","Primer::Alpha::Banner"],"reactId":"flash"}}},{"path":"/components/form-control","context":{"frontmatter":{"railsIds":null,"reactId":"form_control"}}},{"path":"/components/header","context":{"frontmatter":{"railsIds":null,"reactId":"header"}}},{"path":"/components/heading","context":{"frontmatter":{"railsIds":["Primer::Beta::Heading"],"reactId":"heading"}}},{"path":"/components/image-crop","context":{"frontmatter":{"railsIds":["Primer::Alpha::ImageCrop"],"reactId":null}}},{"path":"/components/label-group","context":{"frontmatter":{"railsIds":null,"reactId":"label_group"}}},{"path":"/components/segmented-control","context":{"frontmatter":{"railsIds":["Primer::Alpha::SegmentedControl"],"reactId":"segmented_control"}}},{"path":"/components/spinner","context":{"frontmatter":{"railsIds":["Primer::Beta::Spinner"],"reactId":"spinner"}}},{"path":"/components/tab-nav","context":{"frontmatter":{"railsIds":["Primer::Alpha::TabNav"],"reactId":"tab_nav"}}},{"path":"/components/text-input-with-tokens","context":{"frontmatter":{"railsIds":null,"reactId":"text_input_with_tokens"}}},{"path":"/components/subhead","context":{"frontmatter":{"railsIds":["Primer::Beta::Subhead"],"reactId":null}}},{"path":"/components/relative-time","context":{"frontmatter":{"railsIds":["Primer::Beta::RelativeTime"],"reactId":"relative_time"}}},{"path":"/components/tab-panels","context":{"frontmatter":{"railsIds":["Primer::Alpha::TabPanels"],"reactId":null}}},{"path":"/components/progress-bar","context":{"frontmatter":{"railsIds":["Primer::Beta::ProgressBar"],"reactId":"progress_bar"}}},{"path":"/components/text-input","context":{"frontmatter":{"railsIds":["Primer::Alpha::TextField"],"reactId":"text_input"}}},{"path":"/components/state-label","context":{"frontmatter":{"railsIds":["Primer::Beta::State"],"reactId":"state_label"}}},{"path":"/components/pointer-box","context":{"frontmatter":{"railsIds":null,"reactId":"pointer_box"}}},{"path":"/components/text","context":{"frontmatter":{"railsIds":["Primer::Beta::Text"],"reactId":"text"}}},{"path":"/components/pagination","context":{"frontmatter":{"railsIds":null,"reactId":"pagination"}}},{"path":"/components/tab-container","context":{"frontmatter":{"railsIds":["Primer::Alpha::TabContainer"],"reactId":null}}},{"path":"/components/split-page-layout","context":{"frontmatter":{"railsIds":null,"reactId":"split_page_layout"}}},{"path":"/components/toggle-switch","context":{"frontmatter":{"railsIds":["Primer::Alpha::ToggleSwitch"],"reactId":"toggle_switch"}}},{"path":"/components/timeline-item","context":{"frontmatter":{"railsIds":["Primer::Beta::TimelineItem"],"reactId":null}}},{"path":"/components/select","context":{"frontmatter":{"railsIds":["Primer::Alpha::Select"],"reactId":"select"}}},{"path":"/components/timeline","context":{"frontmatter":{"railsIds":["Primer::Beta::TimelineItem"],"reactId":"timeline"}}},{"path":"/components/textarea","context":{"frontmatter":{"railsIds":["Primer::Alpha::TextArea"],"reactId":"textarea"}}},{"path":"/components/subnav","context":{"frontmatter":{"railsIds":null,"reactId":"sub_nav"}}},{"path":"/components/underline-nav","context":{"frontmatter":{"railsIds":["Primer::Alpha::UnderlineNav"],"reactId":"underline_nav"}}},{"path":"/components/toast","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/tree-view","context":{"frontmatter":{"railsIds":null,"reactId":"tree_view"}}},{"path":"/components/tooltip","context":{"frontmatter":{"railsIds":["Primer::Alpha::Tooltip","Primer::Tooltip"],"reactId":"tooltip"}}},{"path":"/components/token","context":{"frontmatter":{"railsIds":null,"reactId":"token"}}},{"path":"/foundations/layout","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/typography","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/box","context":{"frontmatter":{"railsIds":["Primer::Box"],"reactId":"box"}}},{"path":"/deprecated-components/select-menu","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/circle-badge","context":{"frontmatter":{"railsIds":null,"reactId":"circle_badge"}}},{"path":"/deprecated-components/box-overlay","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/page-header","context":{"frontmatter":{"railsIds":null,"reactId":"drafts_page_header"}}},{"path":"/components/radio-group","context":{"frontmatter":{"railsIds":["Primer::Alpha::RadioButtonGroup"],"reactId":"radio_group"}}},{"path":"/components/truncate","context":{"frontmatter":{"railsIds":["Primer::Beta::Truncate","Primer::Truncate"],"reactId":"truncate"}}},{"path":"/guides/introduction","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/deprecated-components/dropdown","context":{"frontmatter":{"railsIds":["Primer::Alpha::Dropdown"],"reactId":null}}},{"path":"/guides/status","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/underline-panels","context":{"frontmatter":{"railsIds":["Primer::Alpha::UnderlinePanels"],"reactId":null}}},{"path":"/deprecated-components/menu","context":{"frontmatter":{"railsIds":["Primer::Alpha::Menu"],"reactId":null}}},{"path":"/foundations/css-utilities/details","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/github-staff/github-shared-components","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/responsive","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/data-visualization","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/saving","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/colors","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/component-lifecycle","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/hidden-text-expander","context":{"frontmatter":{"railsIds":["Primer::Alpha::HiddenTextExpander"],"reactId":null}}},{"path":"/components/layout","context":{"frontmatter":{"railsIds":["Primer::Alpha::Layout","Primer::LayoutComponent"],"reactId":null}}},{"path":"/components/label","context":{"frontmatter":{"railsIds":["Primer::Beta::Label"],"reactId":"label"}}},{"path":"/components/markdown","context":{"frontmatter":{"railsIds":["Primer::Beta::Markdown"],"reactId":null}}},{"path":"/components/nav-list","context":{"frontmatter":{"railsIds":["Primer::Alpha::NavList","Primer::Beta::NavList"],"reactId":"nav_list"}}},{"path":"/components/link","context":{"frontmatter":{"railsIds":["Primer::Beta::Link"],"reactId":"link"}}},{"path":"/components/overlay","context":{"frontmatter":{"railsIds":["Primer::Alpha::Overlay"],"reactId":"overlay"}}},{"path":"/components/pagehead","context":{"frontmatter":{"railsIds":["Primer::Beta::Subhead"],"reactId":"pagehead"}}},{"path":"/components/octicon-symbols","context":{"frontmatter":{"railsIds":["Primer::Alpha::OcticonSymbols"],"reactId":null}}},{"path":"/components/page-layout","context":{"frontmatter":{"railsIds":null,"reactId":"page_layout"}}},{"path":"/components/image","context":{"frontmatter":{"railsIds":["Primer::Alpha::Image"],"reactId":null}}},{"path":"/components/radio","context":{"frontmatter":{"railsIds":["Primer::Alpha::RadioButton"],"reactId":"radio"}}},{"path":"/components/selectpanel","context":{"frontmatter":{"railsIds":null,"reactId":"select_panel"}}},{"path":"/deprecated-components","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/github-staff","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/popover","context":{"frontmatter":{"railsIds":["Primer::Beta::Popover"],"reactId":"popover"}}},{"path":"/components/icon-button","context":{"frontmatter":{"railsIds":["Primer::Beta::IconButton","Primer::IconButton"],"reactId":"icon_button"}}},{"path":"/components/action-bar","context":{"frontmatter":{"railsIds":["Primer::Alpha::ActionBar"],"reactId":null}}},{"path":"/components/autocomplete","context":{"frontmatter":{"railsIds":["Primer::Beta::AutoComplete","Primer::Alpha::AutoComplete"],"reactId":"autocomplete"}}},{"path":"/components/data-table","context":{"frontmatter":{"railsIds":null,"reactId":"data_table"}}},{"path":"/components/comment-box","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/checkbox","context":{"frontmatter":{"railsIds":["Primer::Alpha::CheckBox"],"reactId":"checkbox"}}},{"path":"/components/filter-input","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/dialog","context":{"frontmatter":{"railsIds":["Primer::Alpha::Dialog"],"reactId":"dialog"}}},{"path":"/foundations/color","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/component-documentation-guidelines/component-documentation-guidelines","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/degraded-experiences","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/component-documentation-guidelines/component-MVP-documentation-guidelines","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/animations","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/box-shadow","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/borders","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/getting-started","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/empty-states","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/flexbox","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/progressive-disclosure","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/accessibility-at-github","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/icons/octovisuals","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/announcements","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/alternative-text-for-images","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/descriptive-buttons","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/color-considerations","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/guidelines","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/focus-management","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/headings","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/semantic-html","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/links","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/tools","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/text-resize-and-respacing","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/contribute/adding-new-components","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility/tooltip-alternatives","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/contribute/design","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/contribute/content","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/contribute/handling-new-patterns","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/contribute/documentation","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/contribute/how-to-contribute","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/react","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/figma/getting-started","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/figma/contribute","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/cli/components","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/cli/foundations","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/cli/getting-started","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/desktop/foundations","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/desktop/getting-started","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/mobile/foundations","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/mobile/platforms","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/forms/overview","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/forms/react","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/forms/rails","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/rails/migration-guides/primer-button-component","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/rails/migration-guides/primer-layout-component","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/rails/migration-guides/primer-css-tooltipped","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/rails/migration-guides/primer-time-ago","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/rails/migration-guides/primer-local-time","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/loading","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/rails/migration-guides/primer-truncate","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/icon","context":{"frontmatter":{"railsIds":["Primer::Beta::Octicon"],"reactId":null}}},{"path":"/foundations/css-utilities/grid","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/margin","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/layout","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/typography","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/icons/design-guidelines","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities/padding","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/action-list","context":{"frontmatter":{"railsIds":["Primer::Alpha::ActionList"],"reactId":"action_list"}}},{"path":"/native","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/accessibility","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/contribute","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/figma","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/cli","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/desktop","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/native/mobile","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/guides/development/rails","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/css-utilities","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/foundations/icons","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/messaging","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/ui-patterns/feature-onboarding","context":{"frontmatter":{"railsIds":null,"reactId":null}}},{"path":"/components/action-bar/rails/alpha","context":{"frontmatter":null}},{"path":"/components/action-bar/figma","context":{"frontmatter":null}},{"path":"/components/action-list/react","context":{"frontmatter":null}},{"path":"/components/action-list/rails/alpha","context":{"frontmatter":null}},{"path":"/components/action-list/figma","context":{"frontmatter":null}},{"path":"/components/action-menu/react","context":{"frontmatter":null}},{"path":"/components/action-menu/rails/alpha","context":{"frontmatter":null}},{"path":"/components/anchored-overlay/react","context":{"frontmatter":null}},{"path":"/components/autocomplete/react","context":{"frontmatter":null}},{"path":"/components/autocomplete/rails/beta","context":{"frontmatter":null}},{"path":"/components/autocomplete/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/autocomplete/figma","context":{"frontmatter":null}},{"path":"/components/avatar-pair/react","context":{"frontmatter":null}},{"path":"/components/avatar-pair/figma","context":{"frontmatter":null}},{"path":"/components/avatar-stack/react","context":{"frontmatter":null}},{"path":"/components/avatar-stack/rails/beta","context":{"frontmatter":null}},{"path":"/components/avatar-stack/figma","context":{"frontmatter":null}},{"path":"/components/avatar/react","context":{"frontmatter":null}},{"path":"/components/avatar/rails/beta","context":{"frontmatter":null}},{"path":"/components/avatar/figma","context":{"frontmatter":null}},{"path":"/components/banner/rails/alpha","context":{"frontmatter":null}},{"path":"/components/blankslate/react","context":{"frontmatter":null}},{"path":"/components/blankslate/rails/beta","context":{"frontmatter":null}},{"path":"/components/blankslate/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/border-box/rails/beta","context":{"frontmatter":null}},{"path":"/components/box/react","context":{"frontmatter":null}},{"path":"/components/box/rails/stable","context":{"frontmatter":null}},{"path":"/components/branch-name/react","context":{"frontmatter":null}},{"path":"/components/branch-name/figma","context":{"frontmatter":null}},{"path":"/components/branch-name/css","context":{"frontmatter":null}},{"path":"/components/breadcrumbs/react","context":{"frontmatter":null}},{"path":"/components/breadcrumbs/rails/beta","context":{"frontmatter":null}},{"path":"/components/breadcrumbs/figma","context":{"frontmatter":null}},{"path":"/components/button-group/react","context":{"frontmatter":null}},{"path":"/components/button-group/rails/beta","context":{"frontmatter":null}},{"path":"/components/button-group/figma","context":{"frontmatter":null}},{"path":"/components/button-marketing/rails/alpha","context":{"frontmatter":null}},{"path":"/components/button/react","context":{"frontmatter":null}},{"path":"/components/button/rails/beta","context":{"frontmatter":null}},{"path":"/components/button/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/button/figma","context":{"frontmatter":null}},{"path":"/components/button/css","context":{"frontmatter":null}},{"path":"/components/checkbox-group/react","context":{"frontmatter":null}},{"path":"/components/checkbox-group/rails/alpha","context":{"frontmatter":null}},{"path":"/components/checkbox/react","context":{"frontmatter":null}},{"path":"/components/checkbox/rails/alpha","context":{"frontmatter":null}},{"path":"/components/checkbox/figma","context":{"frontmatter":null}},{"path":"/components/circle-badge/react","context":{"frontmatter":null}},{"path":"/components/clipboard-copy/rails/beta","context":{"frontmatter":null}},{"path":"/components/close-button/rails/beta","context":{"frontmatter":null}},{"path":"/components/comment-box/figma","context":{"frontmatter":null}},{"path":"/components/counter-label/react","context":{"frontmatter":null}},{"path":"/components/counter-label/rails/beta","context":{"frontmatter":null}},{"path":"/components/counter-label/figma","context":{"frontmatter":null}},{"path":"/components/data-table/react","context":{"frontmatter":null}},{"path":"/components/details/react","context":{"frontmatter":null}},{"path":"/components/details/rails/beta","context":{"frontmatter":null}},{"path":"/components/dialog/react","context":{"frontmatter":null}},{"path":"/components/dialog/rails/alpha","context":{"frontmatter":null}},{"path":"/components/dialog/figma","context":{"frontmatter":null}},{"path":"/components/filter-input/figma","context":{"frontmatter":null}},{"path":"/components/flash/react","context":{"frontmatter":null}},{"path":"/components/flash/rails/beta","context":{"frontmatter":null}},{"path":"/components/flash/rails/alpha","context":{"frontmatter":null}},{"path":"/components/flash/figma","context":{"frontmatter":null}},{"path":"/components/form-control/react","context":{"frontmatter":null}},{"path":"/components/header/react","context":{"frontmatter":null}},{"path":"/components/header/css","context":{"frontmatter":null}},{"path":"/components/heading/react","context":{"frontmatter":null}},{"path":"/components/heading/rails/beta","context":{"frontmatter":null}},{"path":"/components/heading/figma","context":{"frontmatter":null}},{"path":"/components/hidden-text-expander/rails/alpha","context":{"frontmatter":null}},{"path":"/components/icon-button/react","context":{"frontmatter":null}},{"path":"/components/icon-button/rails/beta","context":{"frontmatter":null}},{"path":"/components/icon-button/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/image-crop/rails/alpha","context":{"frontmatter":null}},{"path":"/components/image/rails/alpha","context":{"frontmatter":null}},{"path":"/components/label-group/react","context":{"frontmatter":null}},{"path":"/components/label/react","context":{"frontmatter":null}},{"path":"/components/label/rails/beta","context":{"frontmatter":null}},{"path":"/components/label/css","context":{"frontmatter":null}},{"path":"/components/layout/rails/alpha","context":{"frontmatter":null}},{"path":"/components/layout/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/link/react","context":{"frontmatter":null}},{"path":"/components/link/rails/beta","context":{"frontmatter":null}},{"path":"/components/link/figma","context":{"frontmatter":null}},{"path":"/components/markdown/rails/beta","context":{"frontmatter":null}},{"path":"/components/markdown/css","context":{"frontmatter":null}},{"path":"/components/nav-list/react","context":{"frontmatter":null}},{"path":"/components/nav-list/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/nav-list/rails/beta","context":{"frontmatter":null}},{"path":"/components/octicon-symbols/rails/alpha","context":{"frontmatter":null}},{"path":"/components/overlay/react","context":{"frontmatter":null}},{"path":"/components/overlay/rails/alpha","context":{"frontmatter":null}},{"path":"/components/page-header/react","context":{"frontmatter":null}},{"path":"/components/page-layout/react","context":{"frontmatter":null}},{"path":"/components/pagehead/react","context":{"frontmatter":null}},{"path":"/components/pagehead/rails/beta","context":{"frontmatter":null}},{"path":"/components/pagination/react","context":{"frontmatter":null}},{"path":"/components/pagination/css","context":{"frontmatter":null}},{"path":"/components/pointer-box/react","context":{"frontmatter":null}},{"path":"/components/popover/react","context":{"frontmatter":null}},{"path":"/components/popover/rails/beta","context":{"frontmatter":null}},{"path":"/components/popover/figma","context":{"frontmatter":null}},{"path":"/components/progress-bar/react","context":{"frontmatter":null}},{"path":"/components/progress-bar/rails/beta","context":{"frontmatter":null}},{"path":"/components/progress-bar/figma","context":{"frontmatter":null}},{"path":"/components/radio-group/react","context":{"frontmatter":null}},{"path":"/components/radio-group/rails/alpha","context":{"frontmatter":null}},{"path":"/components/radio/react","context":{"frontmatter":null}},{"path":"/components/radio/rails/alpha","context":{"frontmatter":null}},{"path":"/components/radio/figma","context":{"frontmatter":null}},{"path":"/components/relative-time/react","context":{"frontmatter":null}},{"path":"/components/relative-time/rails/beta","context":{"frontmatter":null}},{"path":"/components/segmented-control/react","context":{"frontmatter":null}},{"path":"/components/segmented-control/rails/alpha","context":{"frontmatter":null}},{"path":"/components/segmented-control/figma","context":{"frontmatter":null}},{"path":"/components/select/react","context":{"frontmatter":null}},{"path":"/components/select/rails/alpha","context":{"frontmatter":null}},{"path":"/components/select/figma","context":{"frontmatter":null}},{"path":"/components/selectpanel/react","context":{"frontmatter":null}},{"path":"/components/spinner/react","context":{"frontmatter":null}},{"path":"/components/spinner/rails/beta","context":{"frontmatter":null}},{"path":"/components/split-page-layout/react","context":{"frontmatter":null}},{"path":"/components/state-label/react","context":{"frontmatter":null}},{"path":"/components/state-label/rails/beta","context":{"frontmatter":null}},{"path":"/components/subhead/rails/beta","context":{"frontmatter":null}},{"path":"/components/subnav/react","context":{"frontmatter":null}},{"path":"/components/subnav/css","context":{"frontmatter":null}},{"path":"/components/tab-container/rails/alpha","context":{"frontmatter":null}},{"path":"/components/tab-nav/react","context":{"frontmatter":null}},{"path":"/components/tab-nav/rails/alpha","context":{"frontmatter":null}},{"path":"/components/tab-panels/rails/alpha","context":{"frontmatter":null}},{"path":"/components/text-input-with-tokens/react","context":{"frontmatter":null}},{"path":"/components/text-input/react","context":{"frontmatter":null}},{"path":"/components/text-input/rails/alpha","context":{"frontmatter":null}},{"path":"/components/text-input/figma","context":{"frontmatter":null}},{"path":"/components/text/react","context":{"frontmatter":null}},{"path":"/components/text/rails/beta","context":{"frontmatter":null}},{"path":"/components/textarea/react","context":{"frontmatter":null}},{"path":"/components/textarea/rails/alpha","context":{"frontmatter":null}},{"path":"/components/textarea/figma","context":{"frontmatter":null}},{"path":"/components/timeline-item/rails/beta","context":{"frontmatter":null}},{"path":"/components/timeline/react","context":{"frontmatter":null}},{"path":"/components/timeline/rails/beta","context":{"frontmatter":null}},{"path":"/components/toast/css","context":{"frontmatter":null}},{"path":"/components/toggle-switch/react","context":{"frontmatter":null}},{"path":"/components/toggle-switch/rails/alpha","context":{"frontmatter":null}},{"path":"/components/toggle-switch/figma","context":{"frontmatter":null}},{"path":"/components/token/react","context":{"frontmatter":null}},{"path":"/components/token/figma","context":{"frontmatter":null}},{"path":"/components/tooltip/react","context":{"frontmatter":null}},{"path":"/components/tooltip/rails/alpha","context":{"frontmatter":null}},{"path":"/components/tooltip/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/tooltip/figma","context":{"frontmatter":null}},{"path":"/components/tooltip/css","context":{"frontmatter":null}},{"path":"/components/tree-view/react","context":{"frontmatter":null}},{"path":"/components/truncate/react","context":{"frontmatter":null}},{"path":"/components/truncate/rails/beta","context":{"frontmatter":null}},{"path":"/components/truncate/rails/deprecated","context":{"frontmatter":null}},{"path":"/components/underline-nav/react","context":{"frontmatter":null}},{"path":"/components/underline-nav/rails/alpha","context":{"frontmatter":null}},{"path":"/components/underline-panels/rails/alpha","context":{"frontmatter":null}},{"path":"/deprecated-components/box-overlay/css","context":{"frontmatter":null}},{"path":"/deprecated-components/dropdown/rails/alpha","context":{"frontmatter":null}},{"path":"/deprecated-components/menu/rails/alpha","context":{"frontmatter":null}},{"path":"/deprecated-components/select-menu/css","context":{"frontmatter":null}},{"path":"/components/icon/rails/beta","context":{"frontmatter":null}},{"path":"/components/icon/figma","context":{"frontmatter":null}},{"path":"/foundations/icons/accessibility-16","context":{"frontmatter":null}},{"path":"/foundations/icons/accessibility-inset-16","context":{"frontmatter":null}},{"path":"/foundations/icons/alert-16","context":{"frontmatter":null}},{"path":"/foundations/icons/alert-24","context":{"frontmatter":null}},{"path":"/foundations/icons/alert-fill-12","context":{"frontmatter":null}},{"path":"/foundations/icons/alert-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/alert-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/apps-16","context":{"frontmatter":null}},{"path":"/foundations/icons/archive-16","context":{"frontmatter":null}},{"path":"/foundations/icons/archive-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-both-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-both-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-down-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-down-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-down-left-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-down-left-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-down-right-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-down-right-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-left-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-left-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-right-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-right-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-switch-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-switch-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-up-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-up-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-up-left-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-up-left-24","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-up-right-16","context":{"frontmatter":null}},{"path":"/foundations/icons/arrow-up-right-24","context":{"frontmatter":null}},{"path":"/foundations/icons/beaker-16","context":{"frontmatter":null}},{"path":"/foundations/icons/beaker-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bell-16","context":{"frontmatter":null}},{"path":"/foundations/icons/bell-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bell-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/bell-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bell-slash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/bell-slash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/blocked-16","context":{"frontmatter":null}},{"path":"/foundations/icons/blocked-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bold-16","context":{"frontmatter":null}},{"path":"/foundations/icons/bold-24","context":{"frontmatter":null}},{"path":"/foundations/icons/book-16","context":{"frontmatter":null}},{"path":"/foundations/icons/book-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bookmark-16","context":{"frontmatter":null}},{"path":"/foundations/icons/bookmark-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bookmark-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bookmark-slash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/bookmark-slash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bookmark-slash-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/briefcase-16","context":{"frontmatter":null}},{"path":"/foundations/icons/briefcase-24","context":{"frontmatter":null}},{"path":"/foundations/icons/broadcast-16","context":{"frontmatter":null}},{"path":"/foundations/icons/broadcast-24","context":{"frontmatter":null}},{"path":"/foundations/icons/browser-16","context":{"frontmatter":null}},{"path":"/foundations/icons/browser-24","context":{"frontmatter":null}},{"path":"/foundations/icons/bug-16","context":{"frontmatter":null}},{"path":"/foundations/icons/bug-24","context":{"frontmatter":null}},{"path":"/foundations/icons/cache-16","context":{"frontmatter":null}},{"path":"/foundations/icons/calendar-16","context":{"frontmatter":null}},{"path":"/foundations/icons/calendar-24","context":{"frontmatter":null}},{"path":"/foundations/icons/check-16","context":{"frontmatter":null}},{"path":"/foundations/icons/check-24","context":{"frontmatter":null}},{"path":"/foundations/icons/check-circle-16","context":{"frontmatter":null}},{"path":"/foundations/icons/check-circle-24","context":{"frontmatter":null}},{"path":"/foundations/icons/check-circle-fill-12","context":{"frontmatter":null}},{"path":"/foundations/icons/check-circle-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/check-circle-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/checkbox-16","context":{"frontmatter":null}},{"path":"/foundations/icons/checkbox-24","context":{"frontmatter":null}},{"path":"/foundations/icons/checklist-16","context":{"frontmatter":null}},{"path":"/foundations/icons/checklist-24","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-down-12","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-down-16","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-down-24","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-left-16","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-left-24","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-right-12","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-right-16","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-right-24","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-up-12","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-up-16","context":{"frontmatter":null}},{"path":"/foundations/icons/chevron-up-24","context":{"frontmatter":null}},{"path":"/foundations/icons/circle-16","context":{"frontmatter":null}},{"path":"/foundations/icons/circle-24","context":{"frontmatter":null}},{"path":"/foundations/icons/circle-slash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/circle-slash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/clock-16","context":{"frontmatter":null}},{"path":"/foundations/icons/clock-24","context":{"frontmatter":null}},{"path":"/foundations/icons/clock-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/clock-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/cloud-16","context":{"frontmatter":null}},{"path":"/foundations/icons/cloud-24","context":{"frontmatter":null}},{"path":"/foundations/icons/cloud-offline-16","context":{"frontmatter":null}},{"path":"/foundations/icons/cloud-offline-24","context":{"frontmatter":null}},{"path":"/foundations/icons/code-16","context":{"frontmatter":null}},{"path":"/foundations/icons/code-24","context":{"frontmatter":null}},{"path":"/foundations/icons/code-of-conduct-16","context":{"frontmatter":null}},{"path":"/foundations/icons/code-of-conduct-24","context":{"frontmatter":null}},{"path":"/foundations/icons/code-review-16","context":{"frontmatter":null}},{"path":"/foundations/icons/code-review-24","context":{"frontmatter":null}},{"path":"/foundations/icons/code-square-16","context":{"frontmatter":null}},{"path":"/foundations/icons/code-square-24","context":{"frontmatter":null}},{"path":"/foundations/icons/codescan-16","context":{"frontmatter":null}},{"path":"/foundations/icons/codescan-24","context":{"frontmatter":null}},{"path":"/foundations/icons/codescan-checkmark-16","context":{"frontmatter":null}},{"path":"/foundations/icons/codescan-checkmark-24","context":{"frontmatter":null}},{"path":"/foundations/icons/codespaces-16","context":{"frontmatter":null}},{"path":"/foundations/icons/codespaces-24","context":{"frontmatter":null}},{"path":"/foundations/icons/columns-16","context":{"frontmatter":null}},{"path":"/foundations/icons/columns-24","context":{"frontmatter":null}},{"path":"/foundations/icons/command-palette-16","context":{"frontmatter":null}},{"path":"/foundations/icons/command-palette-24","context":{"frontmatter":null}},{"path":"/foundations/icons/comment-16","context":{"frontmatter":null}},{"path":"/foundations/icons/comment-24","context":{"frontmatter":null}},{"path":"/foundations/icons/comment-discussion-16","context":{"frontmatter":null}},{"path":"/foundations/icons/comment-discussion-24","context":{"frontmatter":null}},{"path":"/foundations/icons/commit-24","context":{"frontmatter":null}},{"path":"/foundations/icons/container-16","context":{"frontmatter":null}},{"path":"/foundations/icons/container-24","context":{"frontmatter":null}},{"path":"/foundations/icons/copilot-16","context":{"frontmatter":null}},{"path":"/foundations/icons/copilot-24","context":{"frontmatter":null}},{"path":"/foundations/icons/copilot-48","context":{"frontmatter":null}},{"path":"/foundations/icons/copilot-96","context":{"frontmatter":null}},{"path":"/foundations/icons/copilot-error-16","context":{"frontmatter":null}},{"path":"/foundations/icons/copilot-warning-16","context":{"frontmatter":null}},{"path":"/foundations/icons/copy-16","context":{"frontmatter":null}},{"path":"/foundations/icons/copy-24","context":{"frontmatter":null}},{"path":"/foundations/icons/cpu-16","context":{"frontmatter":null}},{"path":"/foundations/icons/cpu-24","context":{"frontmatter":null}},{"path":"/foundations/icons/credit-card-16","context":{"frontmatter":null}},{"path":"/foundations/icons/credit-card-24","context":{"frontmatter":null}},{"path":"/foundations/icons/cross-reference-16","context":{"frontmatter":null}},{"path":"/foundations/icons/cross-reference-24","context":{"frontmatter":null}},{"path":"/foundations/icons/dash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/dash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/database-16","context":{"frontmatter":null}},{"path":"/foundations/icons/database-24","context":{"frontmatter":null}},{"path":"/foundations/icons/dependabot-16","context":{"frontmatter":null}},{"path":"/foundations/icons/dependabot-24","context":{"frontmatter":null}},{"path":"/foundations/icons/desktop-download-16","context":{"frontmatter":null}},{"path":"/foundations/icons/desktop-download-24","context":{"frontmatter":null}},{"path":"/foundations/icons/device-camera-16","context":{"frontmatter":null}},{"path":"/foundations/icons/device-camera-video-16","context":{"frontmatter":null}},{"path":"/foundations/icons/device-camera-video-24","context":{"frontmatter":null}},{"path":"/foundations/icons/device-desktop-16","context":{"frontmatter":null}},{"path":"/foundations/icons/device-desktop-24","context":{"frontmatter":null}},{"path":"/foundations/icons/device-mobile-16","context":{"frontmatter":null}},{"path":"/foundations/icons/device-mobile-24","context":{"frontmatter":null}},{"path":"/foundations/icons/devices-16","context":{"frontmatter":null}},{"path":"/foundations/icons/devices-24","context":{"frontmatter":null}},{"path":"/foundations/icons/diamond-16","context":{"frontmatter":null}},{"path":"/foundations/icons/diamond-24","context":{"frontmatter":null}},{"path":"/foundations/icons/diff-16","context":{"frontmatter":null}},{"path":"/foundations/icons/diff-24","context":{"frontmatter":null}},{"path":"/foundations/icons/diff-added-16","context":{"frontmatter":null}},{"path":"/foundations/icons/diff-ignored-16","context":{"frontmatter":null}},{"path":"/foundations/icons/diff-modified-16","context":{"frontmatter":null}},{"path":"/foundations/icons/diff-removed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/diff-renamed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/discussion-closed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/discussion-closed-24","context":{"frontmatter":null}},{"path":"/foundations/icons/discussion-duplicate-16","context":{"frontmatter":null}},{"path":"/foundations/icons/discussion-duplicate-24","context":{"frontmatter":null}},{"path":"/foundations/icons/discussion-outdated-16","context":{"frontmatter":null}},{"path":"/foundations/icons/discussion-outdated-24","context":{"frontmatter":null}},{"path":"/foundations/icons/dot-16","context":{"frontmatter":null}},{"path":"/foundations/icons/dot-24","context":{"frontmatter":null}},{"path":"/foundations/icons/dot-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/dot-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/download-16","context":{"frontmatter":null}},{"path":"/foundations/icons/download-24","context":{"frontmatter":null}},{"path":"/foundations/icons/duplicate-16","context":{"frontmatter":null}},{"path":"/foundations/icons/duplicate-24","context":{"frontmatter":null}},{"path":"/foundations/icons/ellipsis-16","context":{"frontmatter":null}},{"path":"/foundations/icons/eye-16","context":{"frontmatter":null}},{"path":"/foundations/icons/eye-24","context":{"frontmatter":null}},{"path":"/foundations/icons/eye-closed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/eye-closed-24","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-discussion-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-forked-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-heart-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-issue-closed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-issue-draft-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-issue-open-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-issue-reopen-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-merged-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-person-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-plus-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-public-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-pull-request-closed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-pull-request-draft-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-pull-request-open-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-repo-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-rocket-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-star-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-tag-16","context":{"frontmatter":null}},{"path":"/foundations/icons/feed-trophy-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-added-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-badge-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-binary-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-binary-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-code-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-code-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-diff-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-diff-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-directory-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-directory-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-directory-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-directory-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-directory-open-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-directory-symlink-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-directory-symlink-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-media-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-moved-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-removed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-submodule-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-submodule-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-symlink-file-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-symlink-file-24","context":{"frontmatter":null}},{"path":"/foundations/icons/file-zip-16","context":{"frontmatter":null}},{"path":"/foundations/icons/file-zip-24","context":{"frontmatter":null}},{"path":"/foundations/icons/filter-16","context":{"frontmatter":null}},{"path":"/foundations/icons/filter-24","context":{"frontmatter":null}},{"path":"/foundations/icons/filter-remove-16","context":{"frontmatter":null}},{"path":"/foundations/icons/filter-remove-24","context":{"frontmatter":null}},{"path":"/foundations/icons/fiscal-host-16","context":{"frontmatter":null}},{"path":"/foundations/icons/flame-16","context":{"frontmatter":null}},{"path":"/foundations/icons/flame-24","context":{"frontmatter":null}},{"path":"/foundations/icons/fold-16","context":{"frontmatter":null}},{"path":"/foundations/icons/fold-24","context":{"frontmatter":null}},{"path":"/foundations/icons/fold-down-16","context":{"frontmatter":null}},{"path":"/foundations/icons/fold-down-24","context":{"frontmatter":null}},{"path":"/foundations/icons/fold-up-16","context":{"frontmatter":null}},{"path":"/foundations/icons/fold-up-24","context":{"frontmatter":null}},{"path":"/foundations/icons/gear-16","context":{"frontmatter":null}},{"path":"/foundations/icons/gear-24","context":{"frontmatter":null}},{"path":"/foundations/icons/gift-16","context":{"frontmatter":null}},{"path":"/foundations/icons/gift-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-branch-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-branch-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-commit-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-commit-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-compare-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-compare-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-merge-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-merge-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-merge-queue-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-merge-queue-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-pull-request-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-pull-request-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-pull-request-closed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-pull-request-closed-24","context":{"frontmatter":null}},{"path":"/foundations/icons/git-pull-request-draft-16","context":{"frontmatter":null}},{"path":"/foundations/icons/git-pull-request-draft-24","context":{"frontmatter":null}},{"path":"/foundations/icons/globe-16","context":{"frontmatter":null}},{"path":"/foundations/icons/globe-24","context":{"frontmatter":null}},{"path":"/foundations/icons/goal-16","context":{"frontmatter":null}},{"path":"/foundations/icons/goal-24","context":{"frontmatter":null}},{"path":"/foundations/icons/grabber-16","context":{"frontmatter":null}},{"path":"/foundations/icons/grabber-24","context":{"frontmatter":null}},{"path":"/foundations/icons/graph-16","context":{"frontmatter":null}},{"path":"/foundations/icons/graph-24","context":{"frontmatter":null}},{"path":"/foundations/icons/hash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/hash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/heading-16","context":{"frontmatter":null}},{"path":"/foundations/icons/heading-24","context":{"frontmatter":null}},{"path":"/foundations/icons/heart-16","context":{"frontmatter":null}},{"path":"/foundations/icons/heart-24","context":{"frontmatter":null}},{"path":"/foundations/icons/heart-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/heart-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/history-16","context":{"frontmatter":null}},{"path":"/foundations/icons/history-24","context":{"frontmatter":null}},{"path":"/foundations/icons/home-16","context":{"frontmatter":null}},{"path":"/foundations/icons/home-24","context":{"frontmatter":null}},{"path":"/foundations/icons/home-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/horizontal-rule-16","context":{"frontmatter":null}},{"path":"/foundations/icons/horizontal-rule-24","context":{"frontmatter":null}},{"path":"/foundations/icons/hourglass-16","context":{"frontmatter":null}},{"path":"/foundations/icons/hourglass-24","context":{"frontmatter":null}},{"path":"/foundations/icons/hubot-16","context":{"frontmatter":null}},{"path":"/foundations/icons/hubot-24","context":{"frontmatter":null}},{"path":"/foundations/icons/id-badge-16","context":{"frontmatter":null}},{"path":"/foundations/icons/image-16","context":{"frontmatter":null}},{"path":"/foundations/icons/image-24","context":{"frontmatter":null}},{"path":"/foundations/icons/inbox-16","context":{"frontmatter":null}},{"path":"/foundations/icons/inbox-24","context":{"frontmatter":null}},{"path":"/foundations/icons/infinity-16","context":{"frontmatter":null}},{"path":"/foundations/icons/infinity-24","context":{"frontmatter":null}},{"path":"/foundations/icons/info-16","context":{"frontmatter":null}},{"path":"/foundations/icons/info-24","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-closed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-closed-24","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-draft-16","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-draft-24","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-opened-16","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-opened-24","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-reopened-16","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-reopened-24","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-tracked-by-16","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-tracked-by-24","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-tracks-16","context":{"frontmatter":null}},{"path":"/foundations/icons/issue-tracks-24","context":{"frontmatter":null}},{"path":"/foundations/icons/italic-16","context":{"frontmatter":null}},{"path":"/foundations/icons/italic-24","context":{"frontmatter":null}},{"path":"/foundations/icons/iterations-16","context":{"frontmatter":null}},{"path":"/foundations/icons/iterations-24","context":{"frontmatter":null}},{"path":"/foundations/icons/kebab-horizontal-16","context":{"frontmatter":null}},{"path":"/foundations/icons/kebab-horizontal-24","context":{"frontmatter":null}},{"path":"/foundations/icons/key-16","context":{"frontmatter":null}},{"path":"/foundations/icons/key-24","context":{"frontmatter":null}},{"path":"/foundations/icons/key-asterisk-16","context":{"frontmatter":null}},{"path":"/foundations/icons/law-16","context":{"frontmatter":null}},{"path":"/foundations/icons/law-24","context":{"frontmatter":null}},{"path":"/foundations/icons/light-bulb-16","context":{"frontmatter":null}},{"path":"/foundations/icons/light-bulb-24","context":{"frontmatter":null}},{"path":"/foundations/icons/link-16","context":{"frontmatter":null}},{"path":"/foundations/icons/link-24","context":{"frontmatter":null}},{"path":"/foundations/icons/link-external-16","context":{"frontmatter":null}},{"path":"/foundations/icons/link-external-24","context":{"frontmatter":null}},{"path":"/foundations/icons/list-ordered-16","context":{"frontmatter":null}},{"path":"/foundations/icons/list-ordered-24","context":{"frontmatter":null}},{"path":"/foundations/icons/list-unordered-16","context":{"frontmatter":null}},{"path":"/foundations/icons/list-unordered-24","context":{"frontmatter":null}},{"path":"/foundations/icons/location-16","context":{"frontmatter":null}},{"path":"/foundations/icons/location-24","context":{"frontmatter":null}},{"path":"/foundations/icons/lock-16","context":{"frontmatter":null}},{"path":"/foundations/icons/lock-24","context":{"frontmatter":null}},{"path":"/foundations/icons/log-16","context":{"frontmatter":null}},{"path":"/foundations/icons/log-24","context":{"frontmatter":null}},{"path":"/foundations/icons/logo-gist-16","context":{"frontmatter":null}},{"path":"/foundations/icons/logo-github-16","context":{"frontmatter":null}},{"path":"/foundations/icons/mail-16","context":{"frontmatter":null}},{"path":"/foundations/icons/mail-24","context":{"frontmatter":null}},{"path":"/foundations/icons/mark-github-16","context":{"frontmatter":null}},{"path":"/foundations/icons/markdown-16","context":{"frontmatter":null}},{"path":"/foundations/icons/megaphone-16","context":{"frontmatter":null}},{"path":"/foundations/icons/megaphone-24","context":{"frontmatter":null}},{"path":"/foundations/icons/mention-16","context":{"frontmatter":null}},{"path":"/foundations/icons/mention-24","context":{"frontmatter":null}},{"path":"/foundations/icons/meter-16","context":{"frontmatter":null}},{"path":"/foundations/icons/milestone-16","context":{"frontmatter":null}},{"path":"/foundations/icons/milestone-24","context":{"frontmatter":null}},{"path":"/foundations/icons/mirror-16","context":{"frontmatter":null}},{"path":"/foundations/icons/mirror-24","context":{"frontmatter":null}},{"path":"/foundations/icons/moon-16","context":{"frontmatter":null}},{"path":"/foundations/icons/moon-24","context":{"frontmatter":null}},{"path":"/foundations/icons/mortar-board-16","context":{"frontmatter":null}},{"path":"/foundations/icons/mortar-board-24","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-bottom-16","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-bottom-24","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-end-16","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-end-24","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-start-16","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-start-24","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-top-16","context":{"frontmatter":null}},{"path":"/foundations/icons/move-to-top-24","context":{"frontmatter":null}},{"path":"/foundations/icons/multi-select-16","context":{"frontmatter":null}},{"path":"/foundations/icons/multi-select-24","context":{"frontmatter":null}},{"path":"/foundations/icons/mute-16","context":{"frontmatter":null}},{"path":"/foundations/icons/mute-24","context":{"frontmatter":null}},{"path":"/foundations/icons/no-entry-16","context":{"frontmatter":null}},{"path":"/foundations/icons/no-entry-24","context":{"frontmatter":null}},{"path":"/foundations/icons/no-entry-fill-12","context":{"frontmatter":null}},{"path":"/foundations/icons/north-star-16","context":{"frontmatter":null}},{"path":"/foundations/icons/north-star-24","context":{"frontmatter":null}},{"path":"/foundations/icons/note-16","context":{"frontmatter":null}},{"path":"/foundations/icons/note-24","context":{"frontmatter":null}},{"path":"/foundations/icons/number-16","context":{"frontmatter":null}},{"path":"/foundations/icons/number-24","context":{"frontmatter":null}},{"path":"/foundations/icons/organization-16","context":{"frontmatter":null}},{"path":"/foundations/icons/organization-24","context":{"frontmatter":null}},{"path":"/foundations/icons/package-16","context":{"frontmatter":null}},{"path":"/foundations/icons/package-24","context":{"frontmatter":null}},{"path":"/foundations/icons/package-dependencies-16","context":{"frontmatter":null}},{"path":"/foundations/icons/package-dependencies-24","context":{"frontmatter":null}},{"path":"/foundations/icons/package-dependents-16","context":{"frontmatter":null}},{"path":"/foundations/icons/package-dependents-24","context":{"frontmatter":null}},{"path":"/foundations/icons/paintbrush-16","context":{"frontmatter":null}},{"path":"/foundations/icons/paper-airplane-16","context":{"frontmatter":null}},{"path":"/foundations/icons/paper-airplane-24","context":{"frontmatter":null}},{"path":"/foundations/icons/paperclip-16","context":{"frontmatter":null}},{"path":"/foundations/icons/paperclip-24","context":{"frontmatter":null}},{"path":"/foundations/icons/passkey-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/passkey-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/paste-16","context":{"frontmatter":null}},{"path":"/foundations/icons/paste-24","context":{"frontmatter":null}},{"path":"/foundations/icons/pencil-16","context":{"frontmatter":null}},{"path":"/foundations/icons/pencil-24","context":{"frontmatter":null}},{"path":"/foundations/icons/people-16","context":{"frontmatter":null}},{"path":"/foundations/icons/people-24","context":{"frontmatter":null}},{"path":"/foundations/icons/person-16","context":{"frontmatter":null}},{"path":"/foundations/icons/person-24","context":{"frontmatter":null}},{"path":"/foundations/icons/person-add-16","context":{"frontmatter":null}},{"path":"/foundations/icons/person-add-24","context":{"frontmatter":null}},{"path":"/foundations/icons/person-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/person-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/pin-16","context":{"frontmatter":null}},{"path":"/foundations/icons/pin-24","context":{"frontmatter":null}},{"path":"/foundations/icons/pin-slash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/pin-slash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/pivot-column-16","context":{"frontmatter":null}},{"path":"/foundations/icons/pivot-column-24","context":{"frontmatter":null}},{"path":"/foundations/icons/play-16","context":{"frontmatter":null}},{"path":"/foundations/icons/play-24","context":{"frontmatter":null}},{"path":"/foundations/icons/plug-16","context":{"frontmatter":null}},{"path":"/foundations/icons/plug-24","context":{"frontmatter":null}},{"path":"/foundations/icons/plus-16","context":{"frontmatter":null}},{"path":"/foundations/icons/plus-24","context":{"frontmatter":null}},{"path":"/foundations/icons/plus-circle-16","context":{"frontmatter":null}},{"path":"/foundations/icons/plus-circle-24","context":{"frontmatter":null}},{"path":"/foundations/icons/project-16","context":{"frontmatter":null}},{"path":"/foundations/icons/project-24","context":{"frontmatter":null}},{"path":"/foundations/icons/project-roadmap-16","context":{"frontmatter":null}},{"path":"/foundations/icons/project-roadmap-24","context":{"frontmatter":null}},{"path":"/foundations/icons/project-symlink-16","context":{"frontmatter":null}},{"path":"/foundations/icons/project-symlink-24","context":{"frontmatter":null}},{"path":"/foundations/icons/project-template-16","context":{"frontmatter":null}},{"path":"/foundations/icons/project-template-24","context":{"frontmatter":null}},{"path":"/foundations/icons/pulse-16","context":{"frontmatter":null}},{"path":"/foundations/icons/pulse-24","context":{"frontmatter":null}},{"path":"/foundations/icons/question-16","context":{"frontmatter":null}},{"path":"/foundations/icons/question-24","context":{"frontmatter":null}},{"path":"/foundations/icons/quote-16","context":{"frontmatter":null}},{"path":"/foundations/icons/quote-24","context":{"frontmatter":null}},{"path":"/foundations/icons/read-16","context":{"frontmatter":null}},{"path":"/foundations/icons/read-24","context":{"frontmatter":null}},{"path":"/foundations/icons/redo-16","context":{"frontmatter":null}},{"path":"/foundations/icons/rel-file-path-16","context":{"frontmatter":null}},{"path":"/foundations/icons/rel-file-path-24","context":{"frontmatter":null}},{"path":"/foundations/icons/reply-16","context":{"frontmatter":null}},{"path":"/foundations/icons/reply-24","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-24","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-clone-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-clone-24","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-deleted-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-forked-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-forked-24","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-locked-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-locked-24","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-pull-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-pull-24","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-push-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-push-24","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-template-16","context":{"frontmatter":null}},{"path":"/foundations/icons/repo-template-24","context":{"frontmatter":null}},{"path":"/foundations/icons/report-16","context":{"frontmatter":null}},{"path":"/foundations/icons/report-24","context":{"frontmatter":null}},{"path":"/foundations/icons/rocket-16","context":{"frontmatter":null}},{"path":"/foundations/icons/rocket-24","context":{"frontmatter":null}},{"path":"/foundations/icons/rows-16","context":{"frontmatter":null}},{"path":"/foundations/icons/rows-24","context":{"frontmatter":null}},{"path":"/foundations/icons/rss-16","context":{"frontmatter":null}},{"path":"/foundations/icons/rss-24","context":{"frontmatter":null}},{"path":"/foundations/icons/ruby-16","context":{"frontmatter":null}},{"path":"/foundations/icons/ruby-24","context":{"frontmatter":null}},{"path":"/foundations/icons/screen-full-16","context":{"frontmatter":null}},{"path":"/foundations/icons/screen-full-24","context":{"frontmatter":null}},{"path":"/foundations/icons/screen-normal-16","context":{"frontmatter":null}},{"path":"/foundations/icons/screen-normal-24","context":{"frontmatter":null}},{"path":"/foundations/icons/search-16","context":{"frontmatter":null}},{"path":"/foundations/icons/search-24","context":{"frontmatter":null}},{"path":"/foundations/icons/server-16","context":{"frontmatter":null}},{"path":"/foundations/icons/server-24","context":{"frontmatter":null}},{"path":"/foundations/icons/share-16","context":{"frontmatter":null}},{"path":"/foundations/icons/share-24","context":{"frontmatter":null}},{"path":"/foundations/icons/share-android-16","context":{"frontmatter":null}},{"path":"/foundations/icons/share-android-24","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-16","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-24","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-check-16","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-check-24","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-lock-16","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-lock-24","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-slash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-slash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-x-16","context":{"frontmatter":null}},{"path":"/foundations/icons/shield-x-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sidebar-collapse-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sidebar-collapse-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sidebar-expand-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sidebar-expand-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sign-in-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sign-in-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sign-out-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sign-out-24","context":{"frontmatter":null}},{"path":"/foundations/icons/single-select-16","context":{"frontmatter":null}},{"path":"/foundations/icons/single-select-24","context":{"frontmatter":null}},{"path":"/foundations/icons/skip-16","context":{"frontmatter":null}},{"path":"/foundations/icons/skip-24","context":{"frontmatter":null}},{"path":"/foundations/icons/skip-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/skip-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sliders-16","context":{"frontmatter":null}},{"path":"/foundations/icons/smiley-16","context":{"frontmatter":null}},{"path":"/foundations/icons/smiley-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sort-asc-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sort-asc-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sort-desc-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sort-desc-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sparkle-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sponsor-tiers-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sponsor-tiers-24","context":{"frontmatter":null}},{"path":"/foundations/icons/square-16","context":{"frontmatter":null}},{"path":"/foundations/icons/square-24","context":{"frontmatter":null}},{"path":"/foundations/icons/square-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/square-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/squirrel-16","context":{"frontmatter":null}},{"path":"/foundations/icons/squirrel-24","context":{"frontmatter":null}},{"path":"/foundations/icons/stack-16","context":{"frontmatter":null}},{"path":"/foundations/icons/stack-24","context":{"frontmatter":null}},{"path":"/foundations/icons/star-16","context":{"frontmatter":null}},{"path":"/foundations/icons/star-24","context":{"frontmatter":null}},{"path":"/foundations/icons/star-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/star-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/stop-16","context":{"frontmatter":null}},{"path":"/foundations/icons/stop-24","context":{"frontmatter":null}},{"path":"/foundations/icons/stopwatch-16","context":{"frontmatter":null}},{"path":"/foundations/icons/stopwatch-24","context":{"frontmatter":null}},{"path":"/foundations/icons/strikethrough-16","context":{"frontmatter":null}},{"path":"/foundations/icons/strikethrough-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sun-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sun-24","context":{"frontmatter":null}},{"path":"/foundations/icons/sync-16","context":{"frontmatter":null}},{"path":"/foundations/icons/sync-24","context":{"frontmatter":null}},{"path":"/foundations/icons/tab-24","context":{"frontmatter":null}},{"path":"/foundations/icons/tab-external-16","context":{"frontmatter":null}},{"path":"/foundations/icons/table-16","context":{"frontmatter":null}},{"path":"/foundations/icons/table-24","context":{"frontmatter":null}},{"path":"/foundations/icons/tag-16","context":{"frontmatter":null}},{"path":"/foundations/icons/tag-24","context":{"frontmatter":null}},{"path":"/foundations/icons/tasklist-16","context":{"frontmatter":null}},{"path":"/foundations/icons/tasklist-24","context":{"frontmatter":null}},{"path":"/foundations/icons/telescope-16","context":{"frontmatter":null}},{"path":"/foundations/icons/telescope-24","context":{"frontmatter":null}},{"path":"/foundations/icons/telescope-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/telescope-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/terminal-16","context":{"frontmatter":null}},{"path":"/foundations/icons/terminal-24","context":{"frontmatter":null}},{"path":"/foundations/icons/three-bars-16","context":{"frontmatter":null}},{"path":"/foundations/icons/thumbsdown-16","context":{"frontmatter":null}},{"path":"/foundations/icons/thumbsdown-24","context":{"frontmatter":null}},{"path":"/foundations/icons/thumbsup-16","context":{"frontmatter":null}},{"path":"/foundations/icons/thumbsup-24","context":{"frontmatter":null}},{"path":"/foundations/icons/tools-16","context":{"frontmatter":null}},{"path":"/foundations/icons/tools-24","context":{"frontmatter":null}},{"path":"/foundations/icons/tracked-by-closed-completed-16","context":{"frontmatter":null}},{"path":"/foundations/icons/tracked-by-closed-completed-24","context":{"frontmatter":null}},{"path":"/foundations/icons/tracked-by-closed-not-planned-16","context":{"frontmatter":null}},{"path":"/foundations/icons/tracked-by-closed-not-planned-24","context":{"frontmatter":null}},{"path":"/foundations/icons/trash-16","context":{"frontmatter":null}},{"path":"/foundations/icons/trash-24","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-down-16","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-down-24","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-left-16","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-left-24","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-right-16","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-right-24","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-up-16","context":{"frontmatter":null}},{"path":"/foundations/icons/triangle-up-24","context":{"frontmatter":null}},{"path":"/foundations/icons/trophy-16","context":{"frontmatter":null}},{"path":"/foundations/icons/trophy-24","context":{"frontmatter":null}},{"path":"/foundations/icons/typography-16","context":{"frontmatter":null}},{"path":"/foundations/icons/typography-24","context":{"frontmatter":null}},{"path":"/foundations/icons/undo-16","context":{"frontmatter":null}},{"path":"/foundations/icons/unfold-16","context":{"frontmatter":null}},{"path":"/foundations/icons/unfold-24","context":{"frontmatter":null}},{"path":"/foundations/icons/unlink-16","context":{"frontmatter":null}},{"path":"/foundations/icons/unlink-24","context":{"frontmatter":null}},{"path":"/foundations/icons/unlock-16","context":{"frontmatter":null}},{"path":"/foundations/icons/unlock-24","context":{"frontmatter":null}},{"path":"/foundations/icons/unmute-16","context":{"frontmatter":null}},{"path":"/foundations/icons/unmute-24","context":{"frontmatter":null}},{"path":"/foundations/icons/unread-16","context":{"frontmatter":null}},{"path":"/foundations/icons/unread-24","context":{"frontmatter":null}},{"path":"/foundations/icons/unverified-16","context":{"frontmatter":null}},{"path":"/foundations/icons/unverified-24","context":{"frontmatter":null}},{"path":"/foundations/icons/upload-16","context":{"frontmatter":null}},{"path":"/foundations/icons/upload-24","context":{"frontmatter":null}},{"path":"/foundations/icons/verified-16","context":{"frontmatter":null}},{"path":"/foundations/icons/verified-24","context":{"frontmatter":null}},{"path":"/foundations/icons/versions-16","context":{"frontmatter":null}},{"path":"/foundations/icons/versions-24","context":{"frontmatter":null}},{"path":"/foundations/icons/video-16","context":{"frontmatter":null}},{"path":"/foundations/icons/video-24","context":{"frontmatter":null}},{"path":"/foundations/icons/webhook-16","context":{"frontmatter":null}},{"path":"/foundations/icons/workflow-16","context":{"frontmatter":null}},{"path":"/foundations/icons/workflow-24","context":{"frontmatter":null}},{"path":"/foundations/icons/x-12","context":{"frontmatter":null}},{"path":"/foundations/icons/x-16","context":{"frontmatter":null}},{"path":"/foundations/icons/x-24","context":{"frontmatter":null}},{"path":"/foundations/icons/x-circle-16","context":{"frontmatter":null}},{"path":"/foundations/icons/x-circle-24","context":{"frontmatter":null}},{"path":"/foundations/icons/x-circle-fill-12","context":{"frontmatter":null}},{"path":"/foundations/icons/x-circle-fill-16","context":{"frontmatter":null}},{"path":"/foundations/icons/x-circle-fill-24","context":{"frontmatter":null}},{"path":"/foundations/icons/zap-16","context":{"frontmatter":null}},{"path":"/foundations/icons/zap-24","context":{"frontmatter":null}},{"path":"/foundations/icons/zoom-in-16","context":{"frontmatter":null}},{"path":"/foundations/icons/zoom-in-24","context":{"frontmatter":null}},{"path":"/foundations/icons/zoom-out-16","context":{"frontmatter":null}},{"path":"/foundations/icons/zoom-out-24","context":{"frontmatter":null}}]},"allRailsComponent":{"nodes":[{"railsId":"Primer::Alpha::ActionBar","name":"ActionBar","status":"alpha","a11y_reviewed":false,"description":"Add a general description of component here\nAdd additional usage considerations or best practices that may aid the user to use the component correctly.","subcomponents":[{"railsId":"Primer::Alpha::ActionBar::Item","name":"ActionBar::Item","status":"alpha","a11y_reviewed":false,"description":"ActionBar::Item is an internal component that wraps the items in a div with the `ActionBar-item` class."},{"railsId":"Primer::Alpha::ActionBar::Divider","name":"ActionBar::Divider","status":"alpha","a11y_reviewed":false,"description":"ActionBar::Item is an internal component that wraps the items in a div with the `ActionBar-item` class."}]},{"railsId":"Primer::Alpha::ActionList","name":"ActionList","status":"alpha","a11y_reviewed":true,"description":"An ActionList is a styled list of links. It acts as the base component for many\nother menu-type components, including `ActionMenu` and `SelectPanel`, as well as\nthe navigational component `NavList`.\n\nEach item in an action list can be augmented by specifying corresponding leading\nand/or trailing visuals.","subcomponents":[{"railsId":"Primer::Alpha::ActionList::Item","name":"ActionList::Item","status":"alpha","a11y_reviewed":false,"description":"An individual `ActionList` item. Items can optionally include leading and/or trailing visuals,\nsuch as icons, avatars, and counters."},{"railsId":"Primer::Alpha::ActionList::Heading","name":"ActionList::Heading","status":"alpha","a11y_reviewed":false,"description":"Heading used to describe each sub list within an action list."},{"railsId":"Primer::Alpha::ActionList::FormWrapper","name":"ActionList::FormWrapper","status":"alpha","a11y_reviewed":false,"description":"Utility component for wrapping ActionLists or individual ActionList::Items in forms."},{"railsId":"Primer::Alpha::ActionList::Divider","name":"ActionList::Divider","status":"alpha","a11y_reviewed":false,"description":"Separator with optional text rendered above groups or between individual items."}]},{"railsId":"Primer::Alpha::ActionMenu","name":"ActionMenu","status":"alpha","a11y_reviewed":false,"description":"ActionMenu is used for actions, navigation, to display secondary options, or single/multi select lists. They appear when\nusers interact with buttons, actions, or other controls.\n\nThe only allowed elements for the `Item` components are: `:a`, `:button`, and `:clipboard-copy`. The default is `:button`.\n\n### Select variants\n\nWhile `ActionMenu`s default to a list of buttons that can link to other pages, copy text to the clipboard, etc, they also support\n`single` and `multiple` select variants. The single select variant allows a single item to be \"selected\" (i.e. marked \"active\")\nwhen clicked, which will cause a check mark to appear to the left of the item text. When the `multiple` select variant is chosen,\nmultiple items may be selected and check marks will appear next to each selected item.\n\nUse the `select_variant:` option to control which variant the `ActionMenu` uses. For more information, see the documentation on\nsupported arguments below.\n\n### Dynamic labels\n\nWhen using the `single` select variant, an optional label indicating the selected item can be displayed inside the menu button.\nDynamic labels can also be prefixed with custom text.\n\nPass `dynamic_label: true` to enable dynamic label behavior, and pass `dynamic_label_prefix: \"<string>\"` to set a custom prefix.\nFor more information, see the documentation on supported arguments below.\n\n### `ActionMenu`s as form inputs\n\nWhen using either the `single` or `multiple` select variants, `ActionMenu`s can be used as form inputs. They behave very\nsimilarly to how HTML `<select>` boxes behave, and play nicely with Rails' built-in form mechanisms. Pass arguments via the\n`form_arguments:` argument, including the Rails form builder object and the name of the field:\n\n```erb\n<% form_with(url: update_merge_strategy_path) do |f| %>\n  <%= render(Primer::Alpha::ActionMenu.new(form_arguments: { builder: f, name: \"merge_strategy\" })) do |menu| %>\n    <% menu.with_item(label: \"Fast forward\", data: { value: \"fast_forward\" }) %>\n    <% menu.with_item(label: \"Recursive\", data: { value: \"recursive\" }) %>\n    <% menu.with_item(label: \"Ours\", data: { value: \"ours\" }) %>\n    <% menu.with_item(label: \"Theirs\", data: { value: \"theirs\" }) %>\n  <% end %>\n<% end %>\n```\n\nThe value of the `data: { value: ... }` argument is sent to the server on submit, keyed using the name provided above\n(eg. `\"merge_strategy\"`). If no value is provided for an item, the value of that item is the item's label.  Here's the\ncorresponding `MergeStrategyController` that might be written to handle the form above:\n\n```ruby\nclass MergeStrategyController < ApplicationController\n  def update\n    puts \"You chose #{merge_strategy_params[:merge_strategy]}\"\n  end\n\n  private\n\n  def merge_strategy_params\n    params.permit(:merge_strategy)\n  end\nend\n```\n\n### `ActionMenu` items that submit forms\n\nWhereas `ActionMenu` items normally permit navigation via `<a>` tags which make HTTP `get` requests, `ActionMenu` items\nalso permit navigation via `POST` requests. To enable this behavior, include the `href:` argument as normal, but also pass\nthe `form_arguments:` argument to the appropriate item:\n\n```erb\n<%= render(Primer::Alpha::ActionMenu.new) do |menu| %>\n  <% menu.with_item(\n    label: \"Repository\",\n    href: update_repo_grouping_path,\n    form_arguments: {\n      method: :post,\n      name: \"group_by\",\n      value: \"repository\"\n    }\n  ) %>\n<% end %>\n```\n\nMake sure to specify `method: :post`, as the default is `:get`. When clicked, the list item will submit a POST request to\nthe URL passed in the `href:` argument, including a parameter named `\"group_by\"` with a value of `\"repository\"`. If no value\nis given, the name, eg. `\"group_by\"`, will be used as the value.\n\nIt is possible to include multiple fields on submit. Instead of passing the `name:` and `value:` arguments, pass an array via\nthe `inputs:` argument:\n\n```erb\n<%= render(Primer::Alpha::ActionMenu.new) do |menu| %>\n  <% menu.with_show_button { \"Group By\" } %>\n  <% menu.with_item(\n    label: \"Repository\",\n    href: update_repo_grouping_path,\n    form_arguments: {\n      method: :post,\n      inputs: [{\n        name: \"group_by\",\n        value: \"repository\"\n      }, {\n        name: \"some_other_field\",\n        value: \"some value\",\n      }],\n    }\n  ) %>\n<% end %>\n```\n\n### Form arguments\n\nThe following table summarizes the arguments allowed in the `form_arguments:` hash mentioned above.\n\n|Name             |Type          |Default|Description|\n|:----------------|:-------------|:------|:----------|\n|`method`         |`Symbol`      |`:get` |The HTTP request method to use to submit the form. One of `:get`, `:post`, `:patch`, `:put`, `:delete`, or `:head`|\n|`name`           |`String`      |`nil`  |The name of the field that will be sent to the server on submit.|\n|`value`          |`String`      |`nil`  |The value of the field that will be sent to the server on submit.|\n|`input_arguments`|`Hash`        |`{}`   |Additional key/value pairs to emit as HTML attributes on the `<input type=\"hidden\">` element.|\n|`inputs`         |`Array<Hash>` |`[]`   |An array of hashes representing HTML `<input type=\"hidden\">` elements. Must contain at least `name:` and `value:` keys. If additional key/value pairs are provided, they are emitted as HTML attributes on the `<input>` element. This argument supercedes the `name:`, `value:`, and `:input_arguments` arguments listed above.|\n\nThe elements of the `inputs:` array will be emitted as HTML `<input type=\"hidden\">` elements.","subcomponents":[{"railsId":"Primer::Alpha::ActionMenu::List","name":"ActionMenu::List","status":"alpha","a11y_reviewed":true,"description":"This component is part of {{#link_to_component}}Primer::Alpha::ActionMenu{{/link_to_component}} and should not be\nused as a standalone component."}]},{"railsId":"Primer::Alpha::AutoComplete","name":"AutoComplete","status":"deprecated","a11y_reviewed":false,"description":"Use `AutoComplete` to provide a user with a list of selectable suggestions that appear when they type into the\ninput field. This list is populated by server search results.","subcomponents":[{"railsId":"Primer::Alpha::AutoComplete::Item","name":"AutoComplete::Item","status":"deprecated","a11y_reviewed":false,"description":"Use `AutoCompleteItem` to list results of an auto-completed search."}]},{"railsId":"Primer::Alpha::Banner","name":"Banner","status":"alpha","a11y_reviewed":false,"description":"Use `Banner` to highlight important information.","subcomponents":[]},{"railsId":"Primer::Alpha::ButtonMarketing","name":"ButtonMarketing","status":"alpha","a11y_reviewed":false,"description":"Use `ButtonMarketing` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.","subcomponents":[]},{"railsId":"Primer::Alpha::CheckBox","name":"CheckBox","status":"alpha","a11y_reviewed":false,"description":"Check boxes are true/false inputs rendered as `<input type=\"checkbox\">` in HTML.\n\n## Schemes\n\nCheck boxes can submit values to the server using one of two schemes, either `:array`\nor `:boolean` (the default). Check boxes with a scheme of `:boolean` function like normal\nHTML check boxes. If they are checked, a value of \"1\" is sent to the server; if they are\nunchecked, a value of \"0\" is sent to the server. The checked and unchecked values can be\ncustomized via the `:value` and `:unchecked_value` arguments respectively.\n\nWhereas `:boolean` check boxes must have unique names, `:array` check boxes all have the\nsame name. On form submission, Rails will aggregate the values of the check boxes with the\nsame name and provide them to the controller as an array. If `:scheme:` is `:array`, the\n`:value` argument must also be provided. The `:unchecked_value` argument is ignored. If a\ncheck box is checked on submit, its corresponding value will appear in the array. If it is\nnot checked, its value will not appear in the array.\n\n## Caption templates\n\nCaption templates for `:array`-type check boxes work a little differently than they do for\nother input types. Because the name must be the same for all check boxes that make up an\narray, caption template file names are comprised of both the name _and_ the value of each\ncheck box. For example, a check box with the name `foo` and value `bar` must have a caption\ntemplate named `foo_bar_caption.html.erb`.\n\n## Nested Forms\n\nCheck boxes can have \"nested\" forms that are rendered below the caption. A common use-case\nis a form that is hidden until the check box is checked. Nested forms are indented slightly\nto align with the label and caption.\n\nDefine a nested form via the `#nested_form` method, which is expected to return an instance\nof a Primer form (see the usage section below).\n\nAny fields defined in the nested form are submitted along with the parent form's fields.\n\n**NOTE**: Check boxes do not automatically show or hide nested forms. If such behavior is\ndesired, it must be done by hand.","subcomponents":[]},{"railsId":"Primer::Alpha::CheckBoxGroup","name":"CheckBoxGroup","status":"alpha","a11y_reviewed":false,"description":"Check box groups consist of one or more related check boxes.","subcomponents":[]},{"railsId":"Primer::Alpha::Dialog","name":"Dialog","status":"alpha","a11y_reviewed":true,"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.","subcomponents":[{"railsId":"Primer::Alpha::Dialog::Header","name":"Dialog::Header","status":"alpha","a11y_reviewed":true,"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}}."},{"railsId":"Primer::Alpha::Dialog::Footer","name":"Dialog::Footer","status":"alpha","a11y_reviewed":true,"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}}."},{"railsId":"Primer::Alpha::Dialog::Body","name":"Dialog::Body","status":"alpha","a11y_reviewed":true,"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}}."}]},{"railsId":"Primer::Alpha::Dropdown","name":"Dropdown","status":"alpha","a11y_reviewed":false,"description":"`Dropdown` is a lightweight context menu for housing navigation and actions.\nThey're great for instances where you don't need the full power (and code) of the SelectMenu.","subcomponents":[{"railsId":"Primer::Alpha::Dropdown::Menu::Item","name":"Dropdown::Menu::Item","status":"alpha","a11y_reviewed":false,"description":"Items to be rendered in the `Dropdown` menu."},{"railsId":"Primer::Alpha::Dropdown::Menu","name":"Dropdown::Menu","status":"alpha","a11y_reviewed":false,"description":"This component is part of `Dropdown` and should not be\nused as a standalone component."}]},{"railsId":"Primer::Alpha::FormButton","name":"FormButton","status":"alpha","a11y_reviewed":false,"description":"A button input rendered using the HTML `<button type=\"button\">` tag.\n\nThis component wraps the Primer button component and supports the same slots and arguments.","subcomponents":[]},{"railsId":"Primer::Alpha::FormControl","name":"FormControl","status":"alpha","a11y_reviewed":false,"description":"Wraps an input (or arbitrary content) with a label above and a caption and validation message beneath.\nNOTE: This `FormControl` component is designed for wrapping inputs that aren't supported by the Primer\nforms framework.","subcomponents":[]},{"railsId":"Primer::Alpha::HellipButton","name":"HellipButton","status":"alpha","a11y_reviewed":false,"description":"Use `HellipButton` to render a button with a hellip. Often used for hidden text expanders.","subcomponents":[]},{"railsId":"Primer::Alpha::HiddenTextExpander","name":"HiddenTextExpander","status":"alpha","a11y_reviewed":false,"description":"Use `HiddenTextExpander` to indicate and toggle hidden text.","subcomponents":[]},{"railsId":"Primer::Alpha::Image","name":"Image","status":"alpha","a11y_reviewed":false,"description":"Use `Image` to render images.","subcomponents":[]},{"railsId":"Primer::Alpha::ImageCrop","name":"ImageCrop","status":"alpha","a11y_reviewed":false,"description":"A client-side mechanism to crop images.","subcomponents":[]},{"railsId":"Primer::Alpha::Layout","name":"Layout","status":"alpha","a11y_reviewed":false,"description":"`Layout` provides foundational patterns for responsive pages.\n`Layout` can be used for simple two-column pages, or it can be nested to provide flexible 3-column experiences.\n On smaller screens, `Layout` uses vertically stacked rows to display content.\n\n`Layout` flows as both column, when there's enough horizontal space to render both `Main` and `Sidebar`side-by-side (on a desktop of tablet device, per instance);\nor it flows as a row, when `Main` and `Sidebar` are stacked vertically (e.g. on a mobile device).\n`Layout` should always work in any screen size.","subcomponents":[{"railsId":"Primer::Alpha::Layout::Sidebar","name":"Layout::Sidebar","status":"alpha","a11y_reviewed":false,"description":"The layout's sidebar content."},{"railsId":"Primer::Alpha::Layout::Main","name":"Layout::Main","status":"alpha","a11y_reviewed":false,"description":"The layout's main content."}]},{"railsId":"Primer::Alpha::Menu","name":"Menu","status":"alpha","a11y_reviewed":false,"description":"Use `Menu` to create vertical lists of navigational links.","subcomponents":[]},{"railsId":"Primer::Alpha::MultiInput","name":"MultiInput","status":"alpha","a11y_reviewed":false,"description":"Multi inputs are comprised of multiple constituent fields, only one of which is visible\nat a given time. They are designed for situations where constituent inputs are shown or\nhidden based on the value of another field. For example, consider an address form. If\nthe user chooses the USA as the country, the region input should show a list of states\nand US territories; if the user instead chooses Canada, the region input should show a\nlist of Canadian provinces, etc.\n\nUnlike everywhere else in Primer forms, constituent inputs are not directly passed a\n`name` attribute. Instead, developers pass a `name` attribute to the multi input itself.\nThe multi input then automatically assigns each constituent input the same name. This is\ndone so that the multi input looks like a single field from the server's point of view.\nUsing the address form example from earlier, this means only one value - either a US state\nor a Canadian provice - will be submitted to the server under the `region` key.\n\nActually, that's not quite true. Constituent inputs _are_ given a `name`, but it's added to\nthe input as the `data-name` attribute as a way to identify constituent inputs, and will not\nbe sent to the server.","subcomponents":[]},{"railsId":"Primer::Alpha::NavList","name":"NavList","status":"deprecated","a11y_reviewed":true,"description":"","subcomponents":[{"railsId":"Primer::Alpha::NavList::Item","name":"NavList::Item","status":"deprecated","a11y_reviewed":false,"description":""},{"railsId":"Primer::Alpha::NavList::Heading","name":"NavList::Heading","status":"deprecated","a11y_reviewed":false,"description":""},{"railsId":"Primer::Alpha::NavList::Divider","name":"NavList::Divider","status":"deprecated","a11y_reviewed":false,"description":""},{"railsId":"Primer::Alpha::NavList::Group","name":"NavList::Group","status":"deprecated","a11y_reviewed":true,"description":""}]},{"railsId":"Primer::Alpha::Navigation::Tab","name":"Navigation::Tab","status":"alpha","a11y_reviewed":false,"description":"This component is part of navigation components such as `Primer::Alpha::TabNav`\nand `Primer::Alpha::UnderlineNav` and should not be used by itself.","subcomponents":[]},{"railsId":"Primer::Alpha::OcticonSymbols","name":"OcticonSymbols","status":"alpha","a11y_reviewed":false,"description":"OcticonSymbols renders a symbol dictionary using a list of {{link_to_octicons}}.","subcomponents":[]},{"railsId":"Primer::Alpha::Overlay","name":"Overlay","status":"alpha","a11y_reviewed":false,"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.","subcomponents":[{"railsId":"Primer::Alpha::Overlay::Header","name":"Overlay::Header","status":"alpha","a11y_reviewed":false,"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}}."},{"railsId":"Primer::Alpha::Overlay::Footer","name":"Overlay::Footer","status":"alpha","a11y_reviewed":false,"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}}."},{"railsId":"Primer::Alpha::Overlay::Body","name":"Overlay::Body","status":"alpha","a11y_reviewed":false,"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}}."}]},{"railsId":"Primer::Alpha::RadioButton","name":"RadioButton","status":"alpha","a11y_reviewed":false,"description":"Radio buttons represent one of a set of options and are rendered as `<input type=\"radio\">` in HTML.\n**NOTE**: You probably want to use the {{#link_to_component}}Primer::Alpha::RadioButtonGroup{{/link_to_component}}\ncomponent instead, as it allows rendering a group of options.","subcomponents":[]},{"railsId":"Primer::Alpha::RadioButtonGroup","name":"RadioButtonGroup","status":"alpha","a11y_reviewed":false,"description":"A group of mutually exclusive radio buttons.","subcomponents":[]},{"railsId":"Primer::Alpha::SegmentedControl","name":"SegmentedControl","status":"alpha","a11y_reviewed":true,"description":"Use a segmented control to let users select an option from a short list and immediately apply the selection","subcomponents":[{"railsId":"Primer::Alpha::SegmentedControl::Item","name":"SegmentedControl::Item","status":"alpha","a11y_reviewed":true,"description":"SegmentedControl::Item is a private component that is only used by SegmentedControl\nIt wraps the Button and IconButton components to provide the correct styles"}]},{"railsId":"Primer::Alpha::Select","name":"Select","status":"alpha","a11y_reviewed":false,"description":"Select lists are single-line text inputs rendered as `<select>` tags in HTML.","subcomponents":[]},{"railsId":"Primer::Alpha::SubmitButton","name":"SubmitButton","status":"alpha","a11y_reviewed":false,"description":"A submit button input rendered using the HTML `<button type=\"submit\">` tag.\n\nThis component wraps the Primer button component and supports the same slots and arguments.","subcomponents":[]},{"railsId":"Primer::Alpha::TabContainer","name":"TabContainer","status":"alpha","a11y_reviewed":false,"description":"Use `TabContainer` to create tabbed content with keyboard support. This component does not add any styles.\nIt only provides the tab functionality. If you want styled Tabs you can look at {{#link_to_component}}Primer::Alpha::TabNav{{/link_to_component}}.\n\nThis component requires javascript.","subcomponents":[]},{"railsId":"Primer::Alpha::TabNav","name":"TabNav","status":"alpha","a11y_reviewed":false,"description":"Use `TabNav` to style navigation with a tab-based selected state, typically used for navigation placed at the top of the page.\nFor panel navigation, use {{#link_to_component}}Primer::Alpha::TabPanels{{/link_to_component}} instead.","subcomponents":[]},{"railsId":"Primer::Alpha::TabPanels","name":"TabPanels","status":"alpha","a11y_reviewed":false,"description":"Use `TabPanels` for tabs with panel navigation.","subcomponents":[]},{"railsId":"Primer::Alpha::TextArea","name":"TextArea","status":"alpha","a11y_reviewed":false,"description":"Text areas are multi-line text inputs rendered using the `<textarea>` tag in HTML.","subcomponents":[]},{"railsId":"Primer::Alpha::TextField","name":"TextField","status":"alpha","a11y_reviewed":false,"description":"Text fields are single-line text inputs rendered as `<input type=\"text\">` in HTML.","subcomponents":[]},{"railsId":"Primer::Alpha::ToggleSwitch","name":"ToggleSwitch","status":"alpha","a11y_reviewed":false,"description":"The ToggleSwitch component is a button that toggles between two boolean states. It is meant to be used for\nsettings that should cause an immediate update. If configured with a \"src\" attribute, the component will\nmake a POST request containing data of the form \"value: 0 | 1\".","subcomponents":[]},{"railsId":"Primer::Alpha::Tooltip","name":"Tooltip","status":"alpha","a11y_reviewed":false,"description":"`Tooltip` only appears on mouse hover or keyboard focus and contain a label or description text. Use tooltips sparingly and as a last resort.\nUse tooltips as a last resort. Please consider [Tooltips alternatives](https://primer.style/design/accessibility/tooltip-alternatives).\n\nWhen using a tooltip, follow the provided guidelines to avoid accessibility issues:\n- Tooltips should contain only **non-essential text**. Tooltips can easily be missed and are not accessible on touch devices so never use tooltips to convey critical information.\n- `Tooltip` should be rendered through the API of {{#link_to_component}}Primer::ButtonComponent{{/link_to_component}}, {{#link_to_component}}Primer::Beta::Link{{/link_to_component}}, or {{#link_to_component}}Primer::IconButton{{/link_to_component}}. Avoid using `Tooltip` a standalone component unless absolutely necessary (and **only** on interactive elements).\n- Tooltip text must be brief and concise even when used to display a description.\n- Tooltips can only hold string content.\n- Tooltips are not allowed on `disabled` elements because such elements are not keyboard-accessible. If you must set a tooltip on a disabled element, use `aria-disabled=\"true\"` instead and programmatically disable the element.\n- **Never set tooltips on static, non-interactive elements** like `span` or `div`. Tooltips should only be used on interactive elements like buttons or links to avoid excluding keyboard-only\nand screen reader users. Use of tooltips through {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}, {{#link_to_component}}Primer::Beta::Link{{/link_to_component}}, or {{#link_to_component}}Primer::Beta::IconButton{{/link_to_component}} will guarantee this.\n- If you must use `Tooltip` as a standalone component, place it immediately after the trigger element in the DOM. This allows screen reader users to navigate to the tooltip and copy its contents if desired.\n  content.\n\nSemantically, a tooltip will either act an accessible name or an accessible description for the element that it is associated with resulting in either a\n`aria-labelledby` or an `aria-describedby` association. The `type` drastically changes semantics and screen reader behavior so follow these guidelines carefully:\n- When there is already a visible label text on the trigger element, the tooltip is likely intended be supplementary, so set `type: :description`.\nThe majority of tooltips will fall under this category.\n- When there is no visible text on the trigger element and the tooltip content is appropriate as a label for the element, set `type: :label`.\n`label` type is usually only appropriate for an icon-only control.","subcomponents":[]},{"railsId":"Primer::Alpha::UnderlineNav","name":"UnderlineNav","status":"alpha","a11y_reviewed":false,"description":"Use `UnderlineNav` to style navigation links with a minimal\nunderlined selected state, typically placed at the top\nof the page.\n\nFor panel navigation, use {{#link_to_component}}Primer::Alpha::UnderlinePanels{{/link_to_component}} instead.","subcomponents":[]},{"railsId":"Primer::Alpha::UnderlinePanels","name":"UnderlinePanels","status":"alpha","a11y_reviewed":false,"description":"Use `UnderlinePanels` to style tabs with an associated panel and an underlined selected state.","subcomponents":[]},{"railsId":"Primer::Beta::AutoComplete","name":"AutoComplete","status":"beta","a11y_reviewed":false,"description":"Use `AutoComplete` to provide a user with a list of selectable suggestions that appear when they type into the\ninput field. This list is populated by server search results.","subcomponents":[{"railsId":"Primer::Beta::AutoComplete::Item","name":"AutoComplete::Item","status":"beta","a11y_reviewed":false,"description":"Use `AutoCompleteItem` to list results of an auto-completed search."}]},{"railsId":"Primer::Beta::Avatar","name":"Avatar","status":"beta","a11y_reviewed":false,"description":"`Avatar` can be used to represent users and organizations on GitHub.\n\n- Use the default circle avatar for users, and the square shape\nfor organizations or any other non-human avatars.\n- By default, `Avatar` will render a static `<img>`. To have `Avatar` function as a link, set the `href` which will wrap the `<img>` in a `<a>`.\n- Set `size` to update the height and width of the `Avatar` in pixels.\n- To stack multiple avatars together, use {{#link_to_component}}Primer::Beta::AvatarStack{{/link_to_component}}.","subcomponents":[]},{"railsId":"Primer::Beta::AvatarStack","name":"AvatarStack","status":"beta","a11y_reviewed":false,"description":"Use `AvatarStack` to stack multiple avatars together.","subcomponents":[]},{"railsId":"Primer::Beta::BaseButton","name":"BaseButton","status":"beta","a11y_reviewed":false,"description":"Use `BaseButton` to render an unstyled `<button>` tag that can be customized.","subcomponents":[]},{"railsId":"Primer::Beta::Blankslate","name":"Blankslate","status":"beta","a11y_reviewed":false,"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.","subcomponents":[]},{"railsId":"Primer::Beta::BorderBox","name":"BorderBox","status":"beta","a11y_reviewed":false,"description":"`BorderBox` is a Box component with a border.","subcomponents":[{"railsId":"Primer::Beta::BorderBox::Header","name":"BorderBox::Header","status":"beta","a11y_reviewed":false,"description":"`BorderBox::Header` is used inside `BorderBox` to render its header slot."}]},{"railsId":"Primer::Beta::Breadcrumbs","name":"Breadcrumbs","status":"beta","a11y_reviewed":false,"description":"Use `Breadcrumbs` to display page hierarchy.\n\n#### Known issues\n\n##### Responsiveness\n\n`Breadcrumbs` is not optimized for responsive designs.","subcomponents":[{"railsId":"Primer::Beta::Breadcrumbs::Item","name":"Breadcrumbs::Item","status":"alpha","a11y_reviewed":false,"description":"This component is part of `Primer::Beta::Breadcrumbs` and should not be\nused as a standalone component."}]},{"railsId":"Primer::Beta::Button","name":"Button","status":"beta","a11y_reviewed":false,"description":"Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.","subcomponents":[]},{"railsId":"Primer::Beta::ButtonGroup","name":"ButtonGroup","status":"beta","a11y_reviewed":false,"description":"Use `ButtonGroup` to render a series of buttons.","subcomponents":[]},{"railsId":"Primer::Beta::ClipboardCopy","name":"ClipboardCopy","status":"beta","a11y_reviewed":false,"description":"Use `ClipboardCopy` to copy element text content or input values to the clipboard.","subcomponents":[]},{"railsId":"Primer::Beta::CloseButton","name":"CloseButton","status":"beta","a11y_reviewed":false,"description":"Use `CloseButton` to render an `×` without default button styles.\n\n[0]: https://primer.style/view-components/system-arguments#html-attributes","subcomponents":[]},{"railsId":"Primer::Beta::Counter","name":"Counter","status":"beta","a11y_reviewed":false,"description":"Use `Counter` to add a count to navigational elements and buttons.","subcomponents":[]},{"railsId":"Primer::Beta::Details","name":"Details","status":"beta","a11y_reviewed":false,"description":"Use `DetailsComponent` to reveal content after clicking a button.","subcomponents":[]},{"railsId":"Primer::Beta::Flash","name":"Flash","status":"beta","a11y_reviewed":false,"description":"Use `Flash` to inform users of successful or pending actions.","subcomponents":[]},{"railsId":"Primer::Beta::Heading","name":"Heading","status":"beta","a11y_reviewed":false,"description":"`Heading` should be used to communicate page organization and hierarchy.\n\n- Set tag to one of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, `:h6` based on what is appropriate for the page context.\n- Use `Heading` as the title of a section or sub section.\n- Do not use `Heading` for styling alone. For simply styling text, consider using {{#link_to_component}}Primer::Beta::Text{{/link_to_component}} with relevant {{link_to_typography_docs}}\n  such as `font_size` and `font_weight`.\n- Do not jump heading levels. For instance, do not follow a `<h1>` with an `<h3>`. Heading levels should increase by one in ascending order.","subcomponents":[]},{"railsId":"Primer::Beta::IconButton","name":"IconButton","status":"beta","a11y_reviewed":false,"description":"Use `IconButton` to render Icon-only buttons without the default button styles.\n\n`IconButton` will always render with a tooltip unless the tag is `:summary`.","subcomponents":[]},{"railsId":"Primer::Beta::Label","name":"Label","status":"beta","a11y_reviewed":false,"description":"Use `Label` to add contextual metadata to a design.","subcomponents":[]},{"railsId":"Primer::Beta::Link","name":"Link","status":"beta","a11y_reviewed":false,"description":"Use `Link` for navigating from one page to another. `Link` styles anchor tags with default blue styling and hover text-decoration.","subcomponents":[]},{"railsId":"Primer::Beta::Markdown","name":"Markdown","status":"beta","a11y_reviewed":false,"description":"Use `Markdown` to wrap markdown content.","subcomponents":[]},{"railsId":"Primer::Beta::NavList","name":"NavList","status":"beta","a11y_reviewed":true,"description":"`NavList` provides a simple way to render side navigation, i.e. navigation\nthat appears to the left or right side of some main content. Each group in a\nnav list is a list of links.\n\nNav list groups can contain sub items. Rather than navigating to a URL, groups\nwith sub items expand and collapse on click. To indicate this functionality, the\ngroup will automatically render with a trailing chevron icon that changes direction\nwhen the group expands and collapses.\n\nNav list items appear visually active when selected. Each nav item must have one\nor more ID values that determine which item will appear selected. Use the\n`selected_item_id` argument to select the appropriate item.","subcomponents":[{"railsId":"Primer::Beta::NavList::Heading","name":"NavList::Heading","status":"alpha","a11y_reviewed":false,"description":"The heading placed above a `NavList`'s items.\n\nSee {{#link_to_component}}Primer::Beta::NavList{{/link_to_component}} for usage examples."},{"railsId":"Primer::Beta::NavList::Item","name":"NavList::Item","status":"alpha","a11y_reviewed":false,"description":"Items are rendered as styled links. They can optionally include leading and/or trailing visuals,\nsuch as icons, avatars, and counters. Items are selected by ID. IDs can be specified via the\n`selected_item_ids` argument, which accepts a list of valid IDs for the item. Items can also\nthemselves contain sub items. Sub items are rendered collapsed by default."},{"railsId":"Primer::Beta::NavList::Divider","name":"NavList::Divider","status":"alpha","a11y_reviewed":false,"description":"Separator with optional text rendered above groups or between individual items."},{"railsId":"Primer::Beta::NavList::Group","name":"NavList::Group","status":"alpha","a11y_reviewed":true,"description":"A logical grouping of navigation links with an optional heading.\n\nSee {{#link_to_component}}Primer::Beta::NavList{{/link_to_component}} for usage examples."}]},{"railsId":"Primer::Beta::Octicon","name":"Octicon","status":"beta","a11y_reviewed":false,"description":"`Octicon` renders an {{link_to_octicons}} with {{link_to_system_arguments_docs}}.\n`Octicon` can also be rendered with the `primer_octicon` helper, which accepts the same arguments.","subcomponents":[]},{"railsId":"Primer::Beta::Popover","name":"Popover","status":"beta","a11y_reviewed":false,"description":"Use `Popover` to bring attention to specific user interface elements, typically to suggest an action or to guide users through a new experience.\n\nBy default, the popover renders with absolute positioning, meaning it should usually be wrapped in an element with a relative position in order to be positioned properly. To render the popover with relative positioning, use the relative property.","subcomponents":[]},{"railsId":"Primer::Beta::ProgressBar","name":"ProgressBar","status":"beta","a11y_reviewed":false,"description":"Use `ProgressBar` to visualize task completion.","subcomponents":[]},{"railsId":"Primer::Beta::RelativeTime","name":"RelativeTime","status":"beta","a11y_reviewed":false,"description":"Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser.","subcomponents":[]},{"railsId":"Primer::Beta::Spinner","name":"Spinner","status":"beta","a11y_reviewed":false,"description":"Use `Spinner` to let users know that content is being loaded.","subcomponents":[]},{"railsId":"Primer::Beta::State","name":"State","status":"beta","a11y_reviewed":false,"description":"Use `State` for rendering the status of an item.","subcomponents":[]},{"railsId":"Primer::Beta::Subhead","name":"Subhead","status":"beta","a11y_reviewed":false,"description":"Use `Subhead` as the start of a section. The `:heading` slot will render an `<h2>` font-sized text.\n\n- Optionally set the `:description` slot to render a short description and the `:actions` slot for a related action.\n- Use a succinct, one-line description for the `:description` slot. For longer descriptions, omit the description slot and render a paragraph below the `Subhead`.\n- Use the actions slot to render a related action to the right of the heading. Use {{#link_to_component}}Primer::ButtonComponent{{/link_to_component}} or {{#link_to_component}}Primer::Beta::Link{{/link_to_component}}.","subcomponents":[]},{"railsId":"Primer::Beta::Text","name":"Text","status":"beta","a11y_reviewed":false,"description":"`Text` is a wrapper component that will apply typography styles to the text inside.","subcomponents":[]},{"railsId":"Primer::Beta::TimelineItem","name":"TimelineItem","status":"beta","a11y_reviewed":false,"description":"Use `TimelineItem` to display items on a vertical timeline, connected by badge elements.","subcomponents":[{"railsId":"Primer::Beta::TimelineItem::Badge","name":"TimelineItem::Badge","status":"beta","a11y_reviewed":false,"description":"This component is part of `Primer::Beta::TimelineItem` and should not be\nused as a standalone component."}]},{"railsId":"Primer::Beta::Truncate","name":"Truncate","status":"beta","a11y_reviewed":false,"description":"Use `Truncate` to shorten overflowing text with an ellipsis.","subcomponents":[{"railsId":"Primer::Beta::Truncate::TruncateText","name":"Truncate::TruncateText","status":"alpha","a11y_reviewed":false,"description":"This component is part of `Primer::Beta::Truncate` and should not be\nused as a standalone component."}]},{"railsId":"Primer::BlankslateComponent","name":"Blankslate","status":"deprecated","a11y_reviewed":false,"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.","subcomponents":[]},{"railsId":"Primer::Box","name":"Box","status":"stable","a11y_reviewed":false,"description":"`Box` is a basic wrapper component for most layout related needs.","subcomponents":[]},{"railsId":"Primer::ButtonComponent","name":"Button","status":"deprecated","a11y_reviewed":false,"description":"Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.","subcomponents":[]},{"railsId":"Primer::ConditionalWrapper","name":"ConditionalWrapper","status":"alpha","a11y_reviewed":false,"description":"Conditionally renders a `Primer::BaseComponent` around the given content. If the given condition\nis true, a `Primer::BaseComponent` will render around the content. If the condition is false, only\nthe content is rendered.","subcomponents":[]},{"railsId":"Primer::Content","name":"Content","status":"stable","a11y_reviewed":false,"description":"Use `Content` as a helper to render content passed to a slot without adding any tags.","subcomponents":[]},{"railsId":"Primer::IconButton","name":"IconButton","status":"deprecated","a11y_reviewed":false,"description":"Use `IconButton` to render Icon-only buttons without the default button styles.\n\n`IconButton` will always render with a tooltip unless the tag is `:summary`.","subcomponents":[]},{"railsId":"Primer::LayoutComponent","name":"Layout","status":"deprecated","a11y_reviewed":false,"description":"Use `Layout` to build a main/sidebar layout.","subcomponents":[]},{"railsId":"Primer::Navigation::TabComponent","name":"Navigation::Tab","status":"deprecated","a11y_reviewed":false,"description":"nodoc","subcomponents":[]},{"railsId":"Primer::Tooltip","name":"Tooltip","status":"deprecated","a11y_reviewed":false,"description":"`Tooltip` is a wrapper component that will apply a tooltip to the provided content.","subcomponents":[]},{"railsId":"Primer::Truncate","name":"Truncate","status":"deprecated","a11y_reviewed":false,"description":"Use `Truncate` to shorten overflowing text with an ellipsis.","subcomponents":[]},{"railsId":"Primer::BaseComponent","name":"BaseComponent","status":null,"a11y_reviewed":null,"description":null,"subcomponents":null}]}}}