arguments.json

[
  {
    "component": "ActionBar",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionBar",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_bar.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_bar/default/",
    "parameters": [
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "overflow_menu",
        "type": "Boolean",
        "default": "`true`",
        "description": "Whether to render the overflow menu."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ActionBar::Divider",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionBarDivider",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_bar/divider.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_bar/divider/default/",
    "parameters": []
  },
  {
    "component": "ActionBar::Item",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionBarItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_bar/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_bar/item/default/",
    "parameters": [
      {
        "name": "item_content",
        "type": "String",
        "default": "N/A",
        "description": "The content to render inside the item."
      },
      {
        "name": "item_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ActionList",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "ActionList",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "HTML ID value."
      },
      {
        "name": "role",
        "type": "Boolean",
        "default": "`nil`",
        "description": "ARIA role describing the function of the list. listbox and menu are a common values."
      },
      {
        "name": "item_classes",
        "type": "String",
        "default": "`nil`",
        "description": "Additional CSS classes to attach to items."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:full`",
        "description": "One of `:full` or `:inset`. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
      },
      {
        "name": "show_dividers",
        "type": "Boolean",
        "default": "`false`",
        "description": "Display a divider above each item in the list when it does not follow a header or divider."
      },
      {
        "name": "select_variant",
        "type": "Symbol",
        "default": "`:none`",
        "description": "How items may be selected in the list. One of `:multiple`, `:multiple_checkbox`, `:none`, or `:single`."
      },
      {
        "name": "aria_selection_variant",
        "type": "Symbol",
        "default": "`:checked`",
        "description": "Specifies which aria selection to use. One of `:checked` or `:selected`."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Allows an `ActionList` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission. *NOTE*: Consider using an [ActionMenu](/components/alpha/actionmenu) instead of using this feature directly."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ActionList::Divider",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionListDivider",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:subtle`",
        "description": "Display a background color if scheme is `filled`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ActionList::FormWrapper",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionListFormWrapper",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/form_wrapper.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/form_wrapper/default/",
    "parameters": []
  },
  {
    "component": "ActionList::Heading",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionListHeading",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/default/",
    "parameters": [
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "Sub list title."
      },
      {
        "name": "heading_level",
        "type": "Integer",
        "default": "`3`",
        "description": "Heading level. Level 2 results in an `<h2>` tag, level 3 an `<h3>` tag, etc."
      },
      {
        "name": "subtitle",
        "type": "String",
        "default": "`nil`",
        "description": "Optional sub list description."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:subtle`",
        "description": "Display a background color if scheme is `filled`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ActionList::Item",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionListItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item/default/",
    "parameters": [
      {
        "name": "list",
        "type": "Primer::Alpha::ActionList",
        "default": "N/A",
        "description": "The list that contains this item. Used internally."
      },
      {
        "name": "parent",
        "type": "Primer::Alpha::ActionList::Item",
        "default": "`nil`",
        "description": "This item's parent item. `nil` if this item is at the root. Used internally."
      },
      {
        "name": "label",
        "type": "String",
        "default": "`nil`",
        "description": "Item label. If no label is provided, content is used."
      },
      {
        "name": "item_id",
        "type": "String",
        "default": "`nil`",
        "description": "An ID that will be attached to the item's `<li>` element as `data-item-id` for distinguishing between items, perhaps in JavaScript."
      },
      {
        "name": "label_classes",
        "type": "String",
        "default": "`nil`",
        "description": "CSS classes that will be added to the label."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) used to construct the label."
      },
      {
        "name": "content_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Allows the item to submit a form on click. The URL passed in the `href:` option will be used as the form action. Pass the `method:` option to this hash to control what kind of request is made, One of `:delete`, `:get`, `:head`, `:patch`, `:post`, or `:put`. The `name:` option is required and specifies the desired name of the field that will be included in the params sent to the server on form submission. Specify the `value:` option to send a custom value to the server; otherwise the value of `name:` is sent."
      },
      {
        "name": "truncate_label",
        "type": "Boolean | Symbol",
        "default": "`:none`",
        "description": "How the label should be truncated when the text does not fit inside the bounds of the list item. One of `false`, `:none`, `:show_tooltip`, `:truncate`, or `true`. Pass `false` or `:none` to wrap label text. Pass `true` or `:truncate` to truncate labels with ellipses. Pass `:show_tooltip` to show the entire label contents in a tooltip when the item is hovered."
      },
      {
        "name": "href",
        "type": "String",
        "default": "`nil`",
        "description": "Link URL."
      },
      {
        "name": "role",
        "type": "String",
        "default": "`nil`",
        "description": "ARIA role describing the function of the item."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "Controls block sizing of the item."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "Controls color/style based on behavior."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Disabled items are not clickable and visually dim."
      },
      {
        "name": "description_scheme",
        "type": "Symbol",
        "default": "`:block`",
        "description": "Display description inline with label, or block on the next line. One of `:block` or `:inline`."
      },
      {
        "name": "active",
        "type": "Boolean",
        "default": "`false`",
        "description": "If the parent list's `select_variant` is set to `:single` or `:multiple`, causes this item to render checked."
      },
      {
        "name": "on_click",
        "type": "String",
        "default": "`nil`",
        "description": "JavaScript to execute when the item is clicked."
      },
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "Used internally."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ActionMenu",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionMenu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [ActionMenu::PrimaryMenu](/components/alpha/actionmenuprimarymenu)."
      }
    ]
  },
  {
    "component": "ActionMenu::Group",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "ActionMenuGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/group/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "HTML ID value."
      },
      {
        "name": "role",
        "type": "Boolean",
        "default": "`nil`",
        "description": "ARIA role describing the function of the list. listbox and menu are a common values."
      },
      {
        "name": "item_classes",
        "type": "String",
        "default": "`nil`",
        "description": "Additional CSS classes to attach to items."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:full`",
        "description": "One of `:full` or `:inset`. `inset` children are offset (vertically and horizontally) from list edges. `full` (default) children are flush (vertically and horizontally) with list edges."
      },
      {
        "name": "show_dividers",
        "type": "Boolean",
        "default": "`false`",
        "description": "Display a divider above each item in the list when it does not follow a header or divider."
      },
      {
        "name": "select_variant",
        "type": "Symbol",
        "default": "`:none`",
        "description": "How items may be selected in the list. One of `:multiple`, `:multiple_checkbox`, `:none`, or `:single`."
      },
      {
        "name": "aria_selection_variant",
        "type": "Symbol",
        "default": "`:checked`",
        "description": "Specifies which aria selection to use. One of `:checked` or `:selected`."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Allows an `ActionList` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission. *NOTE*: Consider using an [ActionMenu](/components/alpha/actionmenu) instead of using this feature directly."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ActionMenu::Heading",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionMenuHeading",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/heading.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/heading/default/",
    "parameters": []
  },
  {
    "component": "ActionMenu::List",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionMenuList",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/list.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/list/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [ActionMenu::ListWrapper](/components/alpha/actionmenulistwrapper)"
      }
    ]
  },
  {
    "component": "ActionMenu::ListWrapper",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "ActionMenuListWrapper",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/list_wrapper.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/list_wrapper/default/",
    "parameters": [
      {
        "name": "menu_id",
        "type": "String",
        "default": "N/A",
        "description": "ID of the parent menu."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [ActionList](/components/alpha/actionlist)"
      }
    ]
  },
  {
    "component": "ActionMenu::Menu",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionMenuMenu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/menu/default/",
    "parameters": [
      {
        "name": "anchor_align",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:center`, `:end`, or `:start`."
      },
      {
        "name": "anchor_side",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
      },
      {
        "name": "anchor_when_narrow",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
      },
      {
        "name": "menu_id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "Id of the menu."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:auto`",
        "description": "One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
      },
      {
        "name": "src",
        "type": "String",
        "default": "`nil`",
        "description": "Used with an `include-fragment` element to load menu content from the given source URL."
      },
      {
        "name": "preload",
        "type": "Boolean",
        "default": "`false`",
        "description": "When true, and src is present, loads the `include-fragment` on trigger hover."
      },
      {
        "name": "select_variant",
        "type": "Symbol",
        "default": "`:none`",
        "description": "One of `:multiple`, `:none`, or `:single`."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Allows an `ActionMenu` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
      },
      {
        "name": "overlay_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments to pass to the underlying [Overlay](/components/alpha/overlay)"
      },
      {
        "name": "list_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments to pass to the underlying [ActionMenu::List](/components/alpha/actionmenulist)"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)."
      }
    ]
  },
  {
    "component": "ActionMenu::PrimaryMenu",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionMenuPrimaryMenu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/primary_menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/primary_menu/default/",
    "parameters": [
      {
        "name": "anchor_align",
        "type": "Symbol",
        "default": "`:start`",
        "description": "One of `:center`, `:end`, or `:start`."
      },
      {
        "name": "anchor_side",
        "type": "Symbol",
        "default": "`:outside_bottom`",
        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
      },
      {
        "name": "anchor_when_narrow",
        "type": "Symbol",
        "default": "`:inherit`",
        "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`.."
      },
      {
        "name": "dynamic_label",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to display the text of the currently selected item in the show button."
      },
      {
        "name": "dynamic_label_prefix",
        "type": "String",
        "default": "`nil`",
        "description": "If provided, the prefix is prepended to the dynamic label and displayed in the show button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)."
      }
    ]
  },
  {
    "component": "ActionMenu::SubMenu",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionMenuSubMenu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/sub_menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/sub_menu/default/",
    "parameters": [
      {
        "name": "menu_id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "Id of the menu."
      },
      {
        "name": "anchor_align",
        "type": "Symbol",
        "default": "`:start`",
        "description": "One of `:center`, `:end`, or `:start`."
      },
      {
        "name": "anchor_side",
        "type": "Symbol",
        "default": "`:outside_right`",
        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
      },
      {
        "name": "anchor_when_narrow",
        "type": "Symbol",
        "default": "`:inherit`",
        "description": "One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`.."
      },
      {
        "name": "overlay_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments to pass to the underlying [Overlay](/components/alpha/overlay)"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)."
      }
    ]
  },
  {
    "component": "ActionMenu::SubMenuItem",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ActionMenuSubMenuItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/sub_menu_item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/sub_menu_item/default/",
    "parameters": []
  },
  {
    "component": "AutoComplete",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "AutoComplete",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/auto_complete.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/auto_complete/default/",
    "parameters": [
      {
        "name": "label_text",
        "type": "String",
        "default": "N/A",
        "description": "The label of the input."
      },
      {
        "name": "src",
        "type": "String",
        "default": "N/A",
        "description": "The route to query."
      },
      {
        "name": "input_id",
        "type": "String",
        "default": "N/A",
        "description": "Id of the input element."
      },
      {
        "name": "input_name",
        "type": "String",
        "default": "`nil`",
        "description": "Optional name of the input element, defaults to `input_id` when not set."
      },
      {
        "name": "list_id",
        "type": "String",
        "default": "N/A",
        "description": "Id of the list element."
      },
      {
        "name": "with_icon",
        "type": "Boolean",
        "default": "`false`",
        "description": "Controls if a search icon is visible, defaults to `false`."
      },
      {
        "name": "is_label_visible",
        "type": "Boolean",
        "default": "`true`",
        "description": "Controls if the label is visible. If `false`, screen reader only text will be added."
      },
      {
        "name": "is_clearable",
        "type": "Boolean",
        "default": "`false`",
        "description": "Adds optional clear button."
      },
      {
        "name": "is_label_inline",
        "type": "Boolean",
        "default": "`false`",
        "description": "Controls if the label is inline. On smaller screens, label will always become stacked."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "AutoComplete::Item",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "AutoCompleteItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/auto_complete/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/auto_complete/item/default/",
    "parameters": [
      {
        "name": "value",
        "type": "String",
        "default": "N/A",
        "description": "Value of the item."
      },
      {
        "name": "selected",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the item is selected."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the item is disabled."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Banner",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Banner",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/banner.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/banner/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:div`",
        "description": "One of `:div` or `:section`."
      },
      {
        "name": "full",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the component should take up the full width of the screen."
      },
      {
        "name": "full_when_narrow",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
      },
      {
        "name": "dismiss_scheme",
        "type": "Symbol",
        "default": "`:none`",
        "description": "Whether the component can be dismissed with an \"x\" button. One of `:hide`, `:none`, or `:remove`."
      },
      {
        "name": "dismiss_label",
        "type": "String",
        "default": "`Dismiss`",
        "description": "The aria-label text of the dismiss \"x\" button"
      },
      {
        "name": "description",
        "type": "String",
        "default": "`nil`",
        "description": "Description text rendered underneath the message."
      },
      {
        "name": "icon",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:danger`, `:default`, `:success`, `:upsell`, or `:warning`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ButtonMarketing",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ButtonMarketing",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:default`, `:outline`, `:primary`, or `:transparent`."
      },
      {
        "name": "variant",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:default` or `:large`."
      },
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:a` or `:button`."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:button` or `:submit`."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "CheckBox",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "CheckBox",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/check_box.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/check_box/default/",
    "parameters": [
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the input will not accept keyboard or mouse input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the field."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be rendered with a red border. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      },
      {
        "name": "scope_name_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "scope_id_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "required",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      },
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "value",
        "type": "String",
        "default": "N/A",
        "description": "On form submission, this value will be sent to the server if the check box is checked. Defaults to \"1\"."
      },
      {
        "name": "unchecked_value",
        "type": "String",
        "default": "N/A",
        "description": "On form submission, this value will be sent to the server if the check box is _not_ checked. Defaults to \"0\"."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "N/A",
        "description": "Controls how check box values are submitted to the server. One of `:array` or `:boolean`.."
      }
    ]
  },
  {
    "component": "CheckBoxGroup",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "CheckBoxGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/check_box_group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/check_box_group/default/",
    "parameters": [
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute. When provided, the check box values will be submitted in to the server in `:array` mode. See the [CheckBox](/components/alpha/checkbox) for more information."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the group."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be marked as invalid. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      }
    ]
  },
  {
    "component": "Dialog",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "Dialog",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The id of the dialog."
      },
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "Describes the content of the dialog."
      },
      {
        "name": "subtitle",
        "type": "String",
        "default": "`nil`",
        "description": "Provides additional context for the dialog, also setting the `aria-describedby` attribute."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
      },
      {
        "name": "position",
        "type": "Symbol",
        "default": "`:center`",
        "description": "The position of the dialog. One of `:center`, `:left`, or `:right`."
      },
      {
        "name": "position_narrow",
        "type": "Symbol",
        "default": "`:inherit`",
        "description": "The position of the dialog when narrow. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
      },
      {
        "name": "visually_hide_title",
        "type": "Boolean",
        "default": "`false`",
        "description": "If true will hide the heading title, while still making it available to Screen Readers."
      },
      {
        "name": "disable_scroll",
        "type": "Boolean",
        "default": "`true`",
        "description": "When true, disables scrolling the page when the dialog is open."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Dialog::Body",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "DialogBody",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/body.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/body/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Dialog::Footer",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "DialogFooter",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/footer.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/footer/default/",
    "parameters": [
      {
        "name": "show_divider",
        "type": "Boolean",
        "default": "`false`",
        "description": "Show a divider between the footer and body."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Dialog::Header",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "DialogHeader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/header.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/header/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "The HTML element's ID value."
      },
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "Describes the content of the dialog."
      },
      {
        "name": "subtitle",
        "type": "String",
        "default": "`nil`",
        "description": "Provides additional context for the dialog, also setting the `aria-describedby` attribute."
      },
      {
        "name": "show_divider",
        "type": "Boolean",
        "default": "`false`",
        "description": "Show a divider between the header and body."
      },
      {
        "name": "visually_hide_title",
        "type": "Boolean",
        "default": "`false`",
        "description": "Visually hide the `title` while maintaining a label for assistive technologies."
      },
      {
        "name": "variant",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large` or `:medium`."
      },
      {
        "name": "close_label",
        "type": "String",
        "default": "`Close`",
        "description": "The aria-label text of the close \"x\" button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Dropdown",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Dropdown",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
    "parameters": [
      {
        "name": "overlay",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:dark`, `:default`, or `:none`."
      },
      {
        "name": "with_caret",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not a caret should be rendered in the button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Dropdown::Menu",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "DropdownMenu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown/menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/menu/default/",
    "parameters": [
      {
        "name": "as",
        "type": "Symbol",
        "default": "`:default`",
        "description": "When `as` is `:list`, wraps the menu in a `<ul>` with a `<li>` for each item."
      },
      {
        "name": "direction",
        "type": "Symbol",
        "default": "`:se`",
        "description": "One of `:e`, `:ne`, `:s`, `:se`, `:sw`, or `:w`.."
      },
      {
        "name": "header",
        "type": "String",
        "default": "`nil`",
        "description": "Header to be displayed above the menu."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Dropdown::Menu::Item",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "DropdownMenuItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown/menu/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/menu/item/default/",
    "parameters": []
  },
  {
    "component": "FileTreeView",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "FileTreeView",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/file_tree_view.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/file_tree_view/default/",
    "parameters": [
      {
        "name": "node_variant",
        "type": "Symbol",
        "default": "`:div`",
        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "These arguments allow the selections made within a `TreeView` to be submitted to the server as part of a Rails form. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)."
      }
    ]
  },
  {
    "component": "FileTreeView::DirectoryNode",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "FileTreeViewDirectoryNode",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/file_tree_view/directory_node.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/file_tree_view/directory_node/default/",
    "parameters": []
  },
  {
    "component": "FileTreeView::FileNode",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "FileTreeViewFileNode",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/file_tree_view/file_node.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/file_tree_view/file_node/default/",
    "parameters": []
  },
  {
    "component": "FormButton",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "FormButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/form_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/form_button/default/",
    "parameters": [
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      }
    ]
  },
  {
    "component": "FormControl",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "FormControl",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/form_control.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/form_control/default/",
    "parameters": [
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "`nil`",
        "description": "Describes the field and what sort of input it expects. Displayed below the input. Note that the `caption` slot is also available and takes precedence over this argument when provided."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "`nil`",
        "description": "A string displayed in red between the caption and the input indicating the input's contents are invalid."
      },
      {
        "name": "required",
        "type": "Boolean",
        "default": "`false`",
        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "`false`",
        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
      },
      {
        "name": "full_width",
        "type": "Boolean",
        "default": "`false`",
        "description": "When set to `true`, the form control will take up all the horizontal space allowed by its container."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "HTML attributes to attach to the `<label>` element that labels the input."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "HellipButton",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "HellipButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hellip_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hellip_button/default/",
    "parameters": [
      {
        "name": "inline",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is inline."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is disabled."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "HiddenTextExpander",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "HiddenTextExpander",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
    "parameters": [
      {
        "name": "inline",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the expander is inline."
      },
      {
        "name": "button_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) for the button element."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Image",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Image",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "N/A",
        "description": "The source url of the image."
      },
      {
        "name": "alt",
        "type": "String",
        "default": "N/A",
        "description": "Specifies an alternate text for the image."
      },
      {
        "name": "lazy",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to lazily load the image."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "IncludeFragment",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "IncludeFragment",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/include_fragment.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/include_fragment/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "`nil`",
        "description": "The URL from which to retrieve an HTML element fragment."
      },
      {
        "name": "loading",
        "type": "Symbol",
        "default": "`nil`",
        "description": "One of `:eager` or `:lazy`."
      },
      {
        "name": "accept",
        "type": "String",
        "default": "`nil`",
        "description": "What to send as the Accept header."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Layout",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Layout",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
    "parameters": [
      {
        "name": "stacking_breakpoint",
        "type": "Symbol",
        "default": "`:md`",
        "description": "When the `Layout` should change from rows into columns. One of `:lg`, `:md`, or `:sm`."
      },
      {
        "name": "first_in_source",
        "type": "Symbol",
        "default": "`:sidebar`",
        "description": "Which element to render first in the HTML. This will change the keyboard navigation order. One of `:main` or `:sidebar`."
      },
      {
        "name": "gutter",
        "type": "Symbol",
        "default": "`:default`",
        "description": "The amount of space between the main section and the sidebar. One of `:condensed`, `:default`, `:none`, or `:spacious`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Layout::Main",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "LayoutMain",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout/main.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/main/default/",
    "parameters": [
      {
        "name": "width",
        "type": "Symbol",
        "default": "`:full`",
        "description": "One of `:full`, `:lg`, `:md`, or `:xl`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Layout::Sidebar",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "LayoutSidebar",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout/sidebar.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/sidebar/default/",
    "parameters": []
  },
  {
    "component": "Menu",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Menu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/menu/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "MultiInput",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "MultiInput",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/multi_input.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/multi_input/default/",
    "parameters": [
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the input will not accept keyboard or mouse input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the field."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be rendered with a red border. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      },
      {
        "name": "scope_name_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "scope_id_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "required",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      }
    ]
  },
  {
    "component": "NavList",
    "status": "deprecated",
    "a11y_reviewed": true,
    "short_name": "NavList",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
    "parameters": [
      {
        "name": "selected_item_id",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Divider",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "NavListDivider",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/divider.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/divider/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:subtle`",
        "description": "Display a background color if scheme is `filled`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Group",
    "status": "deprecated",
    "a11y_reviewed": true,
    "short_name": "NavListGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/group/default/",
    "parameters": [
      {
        "name": "selected_item_id",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The ID of the currently selected item. Used internally."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Heading",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "NavListHeading",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/heading.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/heading/default/",
    "parameters": [
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "The text content of the heading."
      },
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The value of the ID HTML attribute. Auto-generated by default."
      },
      {
        "name": "heading_level",
        "type": "Integer",
        "default": "`2`",
        "description": "The heading level, i.e. 2 for an `<h2>`, 3 for an `<h3>`, etc."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Item",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "NavListItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
    "parameters": [
      {
        "name": "selected_item_id",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The ID of the currently selected list item. Used internally."
      },
      {
        "name": "selected_by_ids",
        "type": "Array<Symbol>",
        "default": "`[]`",
        "description": "The list of IDs that select this item. In other words, if the `selected_item_id` attribute on the parent `NavList` is set to one of these IDs, the item will appear selected."
      },
      {
        "name": "expanded",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
      },
      {
        "name": "sub_item",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not this item is nested under a parent item. Used internally."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Navigation::Tab",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "NavigationTab",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/navigation/tab.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/navigation/tab/default/",
    "parameters": [
      {
        "name": "list",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the Tab is an item in a `<ul>` list."
      },
      {
        "name": "selected",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the Tab is selected or not."
      },
      {
        "name": "with_panel",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the Tab has an associated panel."
      },
      {
        "name": "panel_id",
        "type": "String",
        "default": "`\"\"`",
        "description": "Only applies if `with_panel` is `true`. Unique id of panel."
      },
      {
        "name": "icon_classes",
        "type": "Boolean",
        "default": "`\"\"`",
        "description": "Classes that must always be applied to icons."
      },
      {
        "name": "wrapper_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) to be used in the `<li>` wrapper when the tab is an item in a list."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OcticonSymbols",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "OcticonSymbols",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/octicon_symbols.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/octicon_symbols/default/",
    "parameters": [
      {
        "name": "icons",
        "type": "Array<Hash>",
        "default": "`[]`",
        "description": "List of icons to render, in the format { symbol: :icon_name, size: :small }"
      }
    ]
  },
  {
    "component": "Overlay",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Overlay",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The id of the Overlay."
      },
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "Describes the content of the Overlay."
      },
      {
        "name": "subtitle",
        "type": "String",
        "default": "`nil`",
        "description": "Provides dditional context for the Overlay, also setting the `aria-describedby` attribute."
      },
      {
        "name": "popover",
        "type": "Symbol",
        "default": "`:auto`",
        "description": "The popover behaviour. One of `:auto` or `:manual`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:auto`",
        "description": "The size of the Overlay. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
      },
      {
        "name": "padding",
        "type": "Symbol",
        "default": "`:normal`",
        "description": "The padding given to the Overlay body. One of `:condensed`, `:none`, or `:normal`."
      },
      {
        "name": "anchor",
        "type": "String",
        "default": "`nil`",
        "description": "An ID of the element to anchor onto. Defaults to the `show_button`."
      },
      {
        "name": "anchor_align",
        "type": "Symbol",
        "default": "`:start`",
        "description": "The anchor alignment of the Overlay. One of `:center`, `:end`, or `:start`."
      },
      {
        "name": "anchor_side",
        "type": "Symbol",
        "default": "`:outside_bottom`",
        "description": "The side to anchor the Overlay to. One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
      },
      {
        "name": "anchor_offset",
        "type": "Symbol",
        "default": "`:normal`",
        "description": "The anchor offset to give the Overlay. One of `:normal` or `:spacious`."
      },
      {
        "name": "anchor_when_narrow",
        "type": "Symbol",
        "default": "`:inherit`",
        "description": "The position of the Overlay when in a narrow viewport. One of `:bottom`, `:fullscreen`, `:inherit`, `:left`, or `:right`."
      },
      {
        "name": "allow_out_of_bounds",
        "type": "Boolean",
        "default": "`false`",
        "description": "Allow the Overlay to overflow its container."
      },
      {
        "name": "visually_hide_title",
        "type": "Boolean",
        "default": "`false`",
        "description": "If true will hide the heading title, while still making it available to Screen Readers."
      },
      {
        "name": "role",
        "type": "String",
        "default": "`nil`",
        "description": "The ARIA role. One of `nil`, `:dialog`, or `:menu`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Overlay::Body",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "OverlayBody",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/body.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/body/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Overlay::Footer",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "OverlayFooter",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/footer.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/footer/default/",
    "parameters": [
      {
        "name": "show_divider",
        "type": "Boolean",
        "default": "`false`",
        "description": "Show a divider between the footer and body."
      },
      {
        "name": "align_content",
        "type": "Symbol",
        "default": "`DEFAULT_ALIGN_CONTENT`",
        "description": "The alginment of contents. One of `:center`, `:end`, or `:start`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Overlay::Header",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "OverlayHeader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/header.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/header/default/",
    "parameters": [
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "Describes the content of the Overlay."
      },
      {
        "name": "subtitle",
        "type": "String",
        "default": "`nil`",
        "description": "Provides additional context for the Overlay, also setting the `aria-describedby` attribute."
      },
      {
        "name": "overlay_id",
        "type": "String",
        "default": "`nil`",
        "description": "Provides the id of the overlay element so the close button can close it"
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "The size of the Header. One of `:large` or `:medium`."
      },
      {
        "name": "divider",
        "type": "Boolean",
        "default": "`false`",
        "description": "Show a divider between the header and body."
      },
      {
        "name": "visually_hide_title",
        "type": "Boolean",
        "default": "`false`",
        "description": "Visually hide the `title` while maintaining a label for assistive technologies."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "RadioButton",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "RadioButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/radio_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/radio_button/default/",
    "parameters": [
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the input will not accept keyboard or mouse input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the field."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be rendered with a red border. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      },
      {
        "name": "scope_name_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "scope_id_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "required",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      }
    ]
  },
  {
    "component": "RadioButtonGroup",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "RadioButtonGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/radio_button_group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/radio_button_group/default/",
    "parameters": [
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the group."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be marked as invalid. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      }
    ]
  },
  {
    "component": "SegmentedControl",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "SegmentedControl",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
    "parameters": [
      {
        "name": "hide_labels",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to hide the labels and only show the icons"
      },
      {
        "name": "full_width",
        "type": "Boolean",
        "default": "`false`",
        "description": "If the component should be full width"
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "SegmentedControl::Item",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "SegmentedControlItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/item/default/",
    "parameters": [
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "The label to use"
      },
      {
        "name": "selected",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the item is selected"
      },
      {
        "name": "icon",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The icon to use"
      },
      {
        "name": "hide_labels",
        "type": "Symbol",
        "default": "`false`",
        "description": "Whether to only show the icon"
      }
    ]
  },
  {
    "component": "Select",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Select",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/select.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/select/default/",
    "parameters": [
      {
        "name": "size",
        "type": "Symbol",
        "default": "N/A",
        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the input will not accept keyboard or mouse input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the field."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be rendered with a red border. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      },
      {
        "name": "scope_name_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "scope_id_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "required",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      },
      {
        "name": "input_width",
        "type": "Symbol",
        "default": "N/A",
        "description": "The width of the field. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, `:xsmall`, or `:xxlarge`."
      },
      {
        "name": "multiple",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to true, the selection will allow multiple choices."
      },
      {
        "name": "include_blank",
        "type": "Boolean, String",
        "default": "N/A",
        "description": "If set to true, an empty option will be created. If set to a string, the string will be used as the option's content and the value will be empty."
      },
      {
        "name": "prompt",
        "type": "String",
        "default": "N/A",
        "description": "Create a prompt option with blank value and the text asking user to select something."
      }
    ]
  },
  {
    "component": "SelectPanel",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "SelectPanel",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/select_panel.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/select_panel/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "`nil`",
        "description": "The URL to fetch search results from."
      },
      {
        "name": "title",
        "type": "String",
        "default": "`\"Menu\"`",
        "description": "The title that appears at the top of the panel."
      },
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The unique ID of the panel."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:small`",
        "description": "The size of the panel. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
      },
      {
        "name": "select_variant",
        "type": "Symbol",
        "default": "`:single`",
        "description": "One of `:multiple`, `:none`, or `:single`."
      },
      {
        "name": "fetch_strategy",
        "type": "Symbol",
        "default": "`:remote`",
        "description": "One of `:eventually_local`, `:local`, or `:remote`."
      },
      {
        "name": "no_results_label",
        "type": "String",
        "default": "`\"No results found\"`",
        "description": "The label to display when no results are found."
      },
      {
        "name": "preload",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to preload search results when the page loads. If this option is false, results are loaded when the panel is opened."
      },
      {
        "name": "dynamic_label",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to display the text of the currently selected item in the show button."
      },
      {
        "name": "dynamic_label_prefix",
        "type": "String",
        "default": "`nil`",
        "description": "If provided, the prefix is prepended to the dynamic label and displayed in the show button."
      },
      {
        "name": "dynamic_aria_label_prefix",
        "type": "String",
        "default": "`nil`",
        "description": "If provided, the prefix is prepended to the dynamic label and set as the value of the `aria-label` attribute on the show button."
      },
      {
        "name": "body_id",
        "type": "String",
        "default": "`nil`",
        "description": "The unique ID of the panel body. If not provided, the body ID will be set to the panel ID with a \"-body\" suffix."
      },
      {
        "name": "list_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments to pass to the underlying [ActionList](/components/alpha/actionlist) component. Only has an effect for the local fetch strategy."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Form arguments. Supported for all fetch strategies."
      },
      {
        "name": "show_filter",
        "type": "Boolean",
        "default": "`true`",
        "description": "Whether or not to show the filter input."
      },
      {
        "name": "open_on_load",
        "type": "Boolean",
        "default": "`false`",
        "description": "Open the panel when the page loads."
      },
      {
        "name": "anchor_align",
        "type": "Symbol",
        "default": "`:start`",
        "description": "The anchor alignment of the Overlay. One of `:center`, `:end`, or `:start`."
      },
      {
        "name": "anchor_side",
        "type": "Symbol",
        "default": "`:outside_bottom`",
        "description": "The side to anchor the Overlay to. One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
      },
      {
        "name": "loading_label",
        "type": "String",
        "default": "`\"Loading content...\"`",
        "description": "The aria-label to use when the panel is loading, defaults to 'Loading content...'."
      },
      {
        "name": "loading_description",
        "type": "String",
        "default": "`nil`",
        "description": "The description to use when the panel is loading. If not provided, no description will be used."
      },
      {
        "name": "banner_scheme",
        "type": "Symbol",
        "default": "`:danger`",
        "description": "The scheme for the error banner One of `:danger` or `:warning`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "SelectPanel::ItemList",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "SelectPanelItemList",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/select_panel/item_list.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/select_panel/item_list/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [ActionList](/components/alpha/actionlist)."
      }
    ]
  },
  {
    "component": "SkeletonBox",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "SkeletonBox",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/skeleton_box.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/skeleton_box/default/",
    "parameters": [
      {
        "name": "height",
        "type": "String",
        "default": "`nil`",
        "description": "Any valid CSS height."
      },
      {
        "name": "width",
        "type": "String",
        "default": "`nil`",
        "description": "Any valid CSS width."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Stack",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Stack",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:div`",
        "description": "Customize the element type of the rendered container."
      },
      {
        "name": "gap",
        "type": "Symbol",
        "default": "`GapArg::DEFAULT`",
        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
      },
      {
        "name": "direction",
        "type": "Symbol",
        "default": "`:vertical`",
        "description": "Specify the direction for the stack container. One of `nil`, `:horizontal`, or `:vertical`."
      },
      {
        "name": "align",
        "type": "Symbol",
        "default": "`:stretch`",
        "description": "Specify the alignment between items in the cross-axis of the direction. One of `nil`, `:baseline`, `:center`, `:end`, `:start`, or `:stretch`."
      },
      {
        "name": "wrap",
        "type": "Symbol",
        "default": "`:nowrap`",
        "description": "Specify whether items are forced onto one line or can wrap onto multiple lines. One of `nil`, `:nowrap`, `:reverse`, or `:wrap`."
      },
      {
        "name": "justify",
        "type": "Symbol",
        "default": "`:start`",
        "description": "Specify how items will be distributed in the stacking direction. One of `nil`, `:center`, `:end`, `:space_between`, `:space_evenly`, or `:start`."
      },
      {
        "name": "padding",
        "type": "Symbol",
        "default": "`:none`",
        "description": "Specify the padding of the stack container. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "StackItem",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "StackItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack_item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack_item/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:div`",
        "description": "Customize the element type of the rendered container."
      },
      {
        "name": "grow",
        "type": "Boolean",
        "default": "`false`",
        "description": "Allow item to keep size or expand to fill the available space."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "SubmitButton",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "SubmitButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/submit_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/submit_button/default/",
    "parameters": [
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      }
    ]
  },
  {
    "component": "TabContainer",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TabContainer",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_container.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_container/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TabNav",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TabNav",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:nav`",
        "description": "One of `:div` or `:nav`."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
      },
      {
        "name": "body_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) for the body wrapper."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TabPanels",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TabPanels",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
    "parameters": [
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
      },
      {
        "name": "align",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:left` or `:right`. - Defaults to left"
      },
      {
        "name": "body_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) for the body wrapper."
      },
      {
        "name": "wrapper_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TextArea",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TextArea",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_area.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_area/default/",
    "parameters": [
      {
        "name": "full_width",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
      },
      {
        "name": "character_limit",
        "type": "Number",
        "default": "N/A",
        "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
      },
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the input will not accept keyboard or mouse input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the field."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be rendered with a red border. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      },
      {
        "name": "scope_name_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "scope_id_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "required",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      },
      {
        "name": "input_width",
        "type": "Symbol",
        "default": "N/A",
        "description": "The width of the field. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, `:xsmall`, or `:xxlarge`."
      }
    ]
  },
  {
    "component": "TextField",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TextField",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
    "parameters": [
      {
        "name": "size",
        "type": "Symbol",
        "default": "N/A",
        "description": "The size of the field. One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "full_width",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
      },
      {
        "name": "character_limit",
        "type": "Number",
        "default": "N/A",
        "description": "Optional character limit for the input. If provided, a character counter will be displayed below the input."
      },
      {
        "name": "name",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML name attribute."
      },
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "Value for the HTML id attribute."
      },
      {
        "name": "class",
        "type": "String",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Exists for compatibility with Rails form builders."
      },
      {
        "name": "classes",
        "type": "Array",
        "default": "N/A",
        "description": "CSS classes to include in the input's HTML `class` attribute. Combined with the `:class` argument. The list may contain strings, hashes, or `nil` values, and is automatically cleaned up by Primer's [`class_name` helper](https://github.com/primer/view_components/blob/c9cb95c98fee3e2e27f4a10683f555e22285e7f1/app/lib/primer/class_name_helper.rb) (`nils`, falsy entries, and blank strings are ignored)."
      },
      {
        "name": "caption",
        "type": "String",
        "default": "N/A",
        "description": "A string describing the field and what sorts of input it expects. Displayed below the input."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Label text displayed above the input."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, hides the label. Although the label will be hidden visually, it will still be visible to screen readers."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, the input will not accept keyboard or mouse input."
      },
      {
        "name": "hidden",
        "type": "Boolean",
        "default": "N/A",
        "description": "When set to `true`, visually hides the field."
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "N/A",
        "description": "If set to `true`, the input will be rendered with a red border. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
      },
      {
        "name": "validation_message",
        "type": "String",
        "default": "N/A",
        "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
      },
      {
        "name": "label_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Attributes that will be passed to Rails' `builder.label` method. These can be HTML attributes or any of the other label options Rails supports. They will appear as HTML attributes on the `<label>` tag."
      },
      {
        "name": "scope_name_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field name. For example, if the field name is `my_field`, Rails will normally emit an HTML name attribute of `model[my_field]`. Setting `scope_name_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "scope_id_to_model",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `true`. When set to `false`, prevents the model name from prefixing the field ID. For example, if the field name is `my_field`, Rails will normally emit an HTML ID attribute of `model_my_field`. Setting `scope_id_to_model` to `false` will cause Rails to emit `my_field` instead."
      },
      {
        "name": "required",
        "type": "Boolean",
        "default": "N/A",
        "description": "Default `false`. When set to `true`, causes an asterisk (*) to appear next to the field's label indicating it is a required field. Note that this option explicitly does _not_ add a `required` HTML attribute. Doing so would enable native browser validations, which are inaccessible and inconsistent with the Primer design system."
      },
      {
        "name": "aria",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent Aria attributes and their values. Eg. `aria: { current: true }` becomes `aria-current=\"true\"`."
      },
      {
        "name": "data",
        "type": "Hash",
        "default": "N/A",
        "description": "Key/value pairs that represent data attributes and their values. Eg. `data: { foo: \"bar\" }` becomes `data-foo=\"bar\"`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "A hash of attributes passed to the underlying Rails builder methods. These options may mean something special depending on the type of input, otherwise they are emitted as HTML attributes. See the [Rails documentation](https://guides.rubyonrails.org/form_helpers.html) for more information. In addition, the usual Primer utility arguments are accepted in system arguments. For example, passing `mt: 2` will add the `mt-2` class to the input. See the Primer system arguments docs for details."
      },
      {
        "name": "input_width",
        "type": "Symbol",
        "default": "N/A",
        "description": "The width of the field. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, `:xsmall`, or `:xxlarge`."
      },
      {
        "name": "placeholder",
        "type": "String",
        "default": "N/A",
        "description": "Placeholder text."
      },
      {
        "name": "inset",
        "type": "Boolean",
        "default": "N/A",
        "description": "If `true`, renders the input in a visually inset state."
      },
      {
        "name": "monospace",
        "type": "Boolean",
        "default": "N/A",
        "description": "If `true`, uses a monospace font for the input field."
      },
      {
        "name": "auto_check_src",
        "type": "String",
        "default": "N/A",
        "description": "When provided, makes a request to the given URL whenever the contents of the text field changes. If the server responds with a non-2xx status code, the response body is used as the validation message."
      },
      {
        "name": "leading_visual",
        "type": "Hash",
        "default": "N/A",
        "description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Primer's [Octicon](/components/beta/octicon) component."
      },
      {
        "name": "leading_spinner",
        "type": "Boolean",
        "default": "N/A",
        "description": "If `true`, a leading spinner will be included in the markup. The spinner can be shown via the `showLeadingSpinner()` JavaScript method, and hidden via `hideLeadingSpinner()`. If this argument is `true`, a leading visual must also be provided."
      },
      {
        "name": "show_clear_button",
        "type": "Boolean",
        "default": "N/A",
        "description": "Whether or not to include a clear button inside the input that clears the input's contents when clicked."
      },
      {
        "name": "clear_button_id",
        "type": "String",
        "default": "N/A",
        "description": "The HTML id attribute of the clear button."
      }
    ]
  },
  {
    "component": "ToggleSwitch",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ToggleSwitch",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "`nil`",
        "description": "The URL to POST to when the toggle switch is toggled. If `nil`, the toggle switch will not make any requests."
      },
      {
        "name": "csrf_token",
        "type": "String",
        "default": "`nil`",
        "description": "A CSRF token that will be sent to the server as \"authenticity_token\" when the toggle switch is toggled. Unused if `src` is `nil`."
      },
      {
        "name": "checked",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the toggle switch is on or off."
      },
      {
        "name": "enabled",
        "type": "Boolean",
        "default": "`true`",
        "description": "Whether or not the toggle switch responds to user input."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "What size toggle switch to render. One of `:medium` or `:small`."
      },
      {
        "name": "status_label_position",
        "type": "Symbol",
        "default": "`:start`",
        "description": "Which side of the toggle switch to render the status label. One of `:end` or `:start`."
      },
      {
        "name": "turbo",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to request a turbo stream and render the response as such."
      },
      {
        "name": "autofocus",
        "type": "Boolean",
        "default": "`nil`",
        "description": "Whether switch should be autofocused when rendered."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      },
      {
        "name": "on_label",
        "type": "String",
        "default": "`nil`",
        "description": "Custom label to show when the switch is ON. Defaults to On. Only customize this label if it makes the toggle’s state more meaningful in its specific context. For example, for a \"Show images\" setting, you might use \"Hide\" when the switch is ON."
      },
      {
        "name": "off_label",
        "type": "String",
        "default": "`nil`",
        "description": "Custom label to show when the switch is OFF. Defaults to (\"Off\"). Only customize this label if it makes the toggle’s state more meaningful in its specific context. For example, for a \"Show images\" setting, you might use \"Show\" when the switch is OFF."
      },
      {
        "name": "button_type",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The type attribute for the underlying button element. If `nil`, the button will not have a type attribute, which means it will default to \"submit\" if it's inside a form and \"button\" otherwise."
      }
    ]
  },
  {
    "component": "Tooltip",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "Tooltip",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
    "parameters": [
      {
        "name": "for_id",
        "type": "String",
        "default": "N/A",
        "description": "The ID of the element that the tooltip should be attached to."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:description` or `:label`."
      },
      {
        "name": "direction",
        "type": "Symbol",
        "default": "`:s`",
        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
      },
      {
        "name": "text",
        "type": "String",
        "default": "N/A",
        "description": "The text content of the tooltip. This should be brief and no longer than a sentence."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TreeView",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeView",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/default/",
    "parameters": [
      {
        "name": "node_variant",
        "type": "Symbol",
        "default": "`:div`",
        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "These arguments allow the selections made within a `TreeView` to be submitted to the server as part of a Rails form. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)."
      }
    ]
  },
  {
    "component": "TreeView::Icon",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewIcon",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/icon.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/icon/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [Octicon](/components/beta/octicon)."
      }
    ]
  },
  {
    "component": "TreeView::IconPair",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewIconPair",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/icon_pair.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/icon_pair/default/",
    "parameters": [
      {
        "name": "expanded",
        "type": "Boolean",
        "default": "`false`",
        "description": "If true, the expanded icon is shown and the collapsed icon is hidden, etc."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TreeView::LeadingAction",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewLeadingAction",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/leading_action.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/leading_action/default/",
    "parameters": [
      {
        "name": "action",
        "type": "ViewComponent::Base",
        "default": "N/A",
        "description": "A component or other renderable to use as the action button etc."
      }
    ]
  },
  {
    "component": "TreeView::LeafNode",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewLeafNode",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/leaf_node.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/leaf_node/default/",
    "parameters": [
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "The node's label, i.e. it's textual content."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [TreeView::Node](/components/alpha/treeviewnode)."
      }
    ]
  },
  {
    "component": "TreeView::LoadingFailureMessage",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewLoadingFailureMessage",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/loading_failure_message.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/loading_failure_message/default/",
    "parameters": [
      {
        "name": "text",
        "type": "String",
        "default": "`Something went wrong`",
        "description": "The failure message to display."
      },
      {
        "name": "retry_button_label",
        "type": "String",
        "default": "`Retry`",
        "description": "The text shown on the retry button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TreeView::Node",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewNode",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/node.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/node/default/",
    "parameters": [
      {
        "name": "path",
        "type": "Array<String>",
        "default": "N/A",
        "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
      },
      {
        "name": "node_variant",
        "type": "Symbol",
        "default": "N/A",
        "description": "The node variant to use for the node's content, i.e. the `:button` or `:div`. One of `:anchor`, `:button`, or `:div`."
      },
      {
        "name": "href",
        "type": "String",
        "default": "`nil`",
        "description": "The URL to use as the `href` attribute for this node. If set to a truthy value, the `tag:` parameter is ignored and assumed to be `:a`."
      },
      {
        "name": "current",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not this node is the current node. The current node is styled differently than regular nodes and is the first element that receives focus when tabbing to the `TreeView` component."
      },
      {
        "name": "select_variant",
        "type": "Symbol",
        "default": "`:none`",
        "description": "Controls the type of checkbox that appears. One of `:multiple`, `:none`, or `:single`."
      },
      {
        "name": "checked",
        "type": "Boolean | String",
        "default": "`false`",
        "description": "The checked state of the node's checkbox. One of `false`, `mixed`, or `true`."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the node can be activated. Passing `false` here will cause the node to appear visually disabled but it is still keyboard-focusable."
      },
      {
        "name": "value",
        "type": "String",
        "default": "`nil`",
        "description": "If this node is checked, this value will be sent to the server on form submission."
      },
      {
        "name": "content_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "Arguments attached to the node's content, i.e the `<button>` or `<a>` element. [System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TreeView::SkeletonLoader",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewSkeletonLoader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/skeleton_loader.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/skeleton_loader/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "N/A",
        "description": "The URL to fetch nodes from."
      },
      {
        "name": "count",
        "type": "Integer",
        "default": "`3`",
        "description": "The number of skeleton nodes to render."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
      }
    ]
  },
  {
    "component": "TreeView::SpinnerLoader",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewSpinnerLoader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/spinner_loader.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/spinner_loader/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "N/A",
        "description": "The URL to fetch nodes from."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
      }
    ]
  },
  {
    "component": "TreeView::SubTree",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewSubTree",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/sub_tree.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/sub_tree/default/",
    "parameters": [
      {
        "name": "node_variant",
        "type": "Symbol",
        "default": "N/A",
        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
      }
    ]
  },
  {
    "component": "TreeView::SubTreeContainer",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewSubTreeContainer",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/sub_tree_container.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/sub_tree_container/default/",
    "parameters": [
      {
        "name": "path",
        "type": "Array<String>",
        "default": "N/A",
        "description": "The path to this node."
      },
      {
        "name": "expanded",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not this sub-tree node renders expanded."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TreeView::SubTreeNode",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewSubTreeNode",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/sub_tree_node.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/sub_tree_node/default/",
    "parameters": [
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "The node's label, i.e. it's textual content."
      },
      {
        "name": "path",
        "type": "Array<String>",
        "default": "N/A",
        "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
      },
      {
        "name": "node_variant",
        "type": "Symbol",
        "default": "N/A",
        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
      },
      {
        "name": "sub_tree_component_klass",
        "type": "Class",
        "default": "`SubTree`",
        "description": "The class to use for the sub-tree instead of the default [TreeView::SubTree](/components/alpha/treeviewsubtree)"
      },
      {
        "name": "expanded",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not this sub-tree should be rendered expanded."
      },
      {
        "name": "select_strategy",
        "type": "Symbol",
        "default": "`:mixed_descendants`",
        "description": "What should happen when this sub-tree node is checked. One of `:descendants`, `:mixed_descendants`, or `:self`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [TreeView::Node](/components/alpha/treeviewnode)."
      }
    ]
  },
  {
    "component": "TreeView::TrailingAction",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewTrailingAction",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/trailing_action.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/trailing_action/default/",
    "parameters": [
      {
        "name": "action",
        "type": "ViewComponent::Base",
        "default": "N/A",
        "description": "A component or other renderable to use as the action button etc."
      }
    ]
  },
  {
    "component": "TreeView::Visual",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TreeViewVisual",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tree_view/visual.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tree_view/visual/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "N/A",
        "description": "This visual's HTML ID."
      },
      {
        "name": "visual",
        "type": "ViewComponent::Base",
        "default": "N/A",
        "description": "A renderable component like an instance of [Octicon](/components/beta/octicon) to render as the visual."
      },
      {
        "name": "label",
        "type": "String",
        "default": "`nil`",
        "description": "Text describing this visual that will be visible only to screen readers."
      }
    ]
  },
  {
    "component": "UnderlineNav",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "UnderlineNav",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:nav`",
        "description": "One of `:div` or `:nav`."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the links, and distinguish it from similar elements."
      },
      {
        "name": "align",
        "type": "Symbol",
        "default": "`:left`",
        "description": "One of `:left` or `:right`. - Defaults to left"
      },
      {
        "name": "body_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) for the body wrapper."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "UnderlinePanels",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "UnderlinePanels",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
    "parameters": [
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "Sets an `aria-label` that helps assistive technology users understand the purpose of the tabs."
      },
      {
        "name": "align",
        "type": "Symbol",
        "default": "`:left`",
        "description": "One of `:left` or `:right`. - Defaults to left"
      },
      {
        "name": "body_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) for the body wrapper."
      },
      {
        "name": "wrapper_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) for the `TabContainer` wrapper."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Base",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Base",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/base_component.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/base/default/",
    "parameters": []
  },
  {
    "component": "AutoComplete",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "AutoComplete",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
    "parameters": [
      {
        "name": "label_text",
        "type": "String",
        "default": "N/A",
        "description": "The label of the input."
      },
      {
        "name": "src",
        "type": "String",
        "default": "N/A",
        "description": "The route to query."
      },
      {
        "name": "input_id",
        "type": "String",
        "default": "N/A",
        "description": "Id of the input element."
      },
      {
        "name": "input_name",
        "type": "String",
        "default": "`nil`",
        "description": "Optional name of the input element, defaults to `input_id` when not set."
      },
      {
        "name": "list_id",
        "type": "String",
        "default": "N/A",
        "description": "Id of the list element."
      },
      {
        "name": "visually_hide_label",
        "type": "Boolean",
        "default": "`false`",
        "description": "Controls if the label is visible. If `true`, screen reader only text will be added."
      },
      {
        "name": "show_clear_button",
        "type": "Boolean",
        "default": "`false`",
        "description": "Adds optional clear button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      },
      {
        "name": "size",
        "type": "Hash",
        "default": "`:medium`",
        "description": "Input size can be small, medium (default), or large"
      },
      {
        "name": "full_width",
        "type": "Boolean",
        "default": "`false`",
        "description": "Input can be full-width or fit to content"
      },
      {
        "name": "width",
        "type": "String",
        "default": "`:auto`",
        "description": "Optional parameter to set max width of results list. One of `:auto`, `:large`, `:medium`, `:small`, `:xlarge`, or `:xxlarge`."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Disabled input"
      },
      {
        "name": "invalid",
        "type": "Boolean",
        "default": "`false`",
        "description": "Invalid input"
      },
      {
        "name": "placeholder",
        "type": "String",
        "default": "`nil`",
        "description": "The placeholder text displayed within the input"
      },
      {
        "name": "inset",
        "type": "Boolean",
        "default": "`false`",
        "description": "subtle input background color"
      },
      {
        "name": "monospace",
        "type": "Boolean",
        "default": "`false`",
        "description": "monospace input font family"
      }
    ]
  },
  {
    "component": "AutoComplete::Item",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "AutoCompleteItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
    "parameters": [
      {
        "name": "value",
        "type": "String",
        "default": "N/A",
        "description": "Value of the item."
      },
      {
        "name": "selected",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the item is selected."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the item is disabled."
      },
      {
        "name": "description_variant",
        "type": "Hash",
        "default": "`:block`",
        "description": "Changes the description style. Allowed values are :inline, :block"
      },
      {
        "name": "description",
        "type": "String",
        "default": "N/A",
        "description": "Display description text below label"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "AutoComplete::NoResultItem",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "AutoCompleteNoResultItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/no_result_item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/no_result_item/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Avatar",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Avatar",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "N/A",
        "description": "The source url of the avatar image."
      },
      {
        "name": "alt",
        "type": "String",
        "default": "`nil`",
        "description": "Passed through to alt on img tag."
      },
      {
        "name": "size",
        "type": "Integer",
        "default": "`20`",
        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, `64`, or `80`."
      },
      {
        "name": "shape",
        "type": "Symbol",
        "default": "`:circle`",
        "description": "Shape of the avatar. One of `:circle` or `:square`."
      },
      {
        "name": "href",
        "type": "String",
        "default": "`nil`",
        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
      },
      {
        "name": "tooltip",
        "type": "String",
        "default": "`nil`",
        "description": "Tooltip text to display on hover when href is provided."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "AvatarStack",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "AvatarStack",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:div`",
        "description": "One of `:div` or `:span`."
      },
      {
        "name": "align",
        "type": "Symbol",
        "default": "`:left`",
        "description": "One of `:left` or `:right`."
      },
      {
        "name": "tooltipped",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to add a tooltip to the stack or not."
      },
      {
        "name": "disable_expand",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to disable the expand behavior on hover. If true, avatars will not expand."
      },
      {
        "name": "body_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Parameters to add to the Body. If `tooltipped` is set, has the same arguments as [Tooltip](/components/tooltip). The default tag is `:div` but can be changed using `tag:` to one of `:div` or `:span`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "BaseButton",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "BaseButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:button`, `:reset`, or `:submit`."
      },
      {
        "name": "block",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether button is full-width with `display: block`."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
      },
      {
        "name": "inactive",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Blankslate",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Blankslate",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
    "parameters": [
      {
        "name": "narrow",
        "type": "Boolean",
        "default": "`false`",
        "description": "Adds a maximum width of `485px` to the Blankslate."
      },
      {
        "name": "spacious",
        "type": "Boolean",
        "default": "`false`",
        "description": "Increases the padding from `32px` to `80px 40px`."
      },
      {
        "name": "border",
        "type": "Boolean",
        "default": "`false`",
        "description": "Adds a border around the Blankslate."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "BorderBox",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "BorderBox",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
    "parameters": [
      {
        "name": "padding",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:condensed`, `:default`, or `:spacious`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "BorderBox::Header",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "BorderBoxHeader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Breadcrumbs",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Breadcrumbs",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Breadcrumbs::Item",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "BreadcrumbsItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/item/default/",
    "parameters": []
  },
  {
    "component": "Button",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Button",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
    "parameters": [
      {
        "name": "base_button_class",
        "type": "Class",
        "default": "`Primer::Beta::BaseButton`",
        "description": "The button class to render."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "block",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether button is full-width with `display: block`."
      },
      {
        "name": "align_content",
        "type": "Symbol",
        "default": "`:center`",
        "description": "One of `:center` or `:start`."
      },
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:button`, `:reset`, or `:submit`."
      },
      {
        "name": "inactive",
        "type": "Boolean",
        "default": "N/A",
        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
      },
      {
        "name": "label_wrap",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button label text wraps and the button height expands."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ButtonGroup",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "ButtonGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ButtonGroup::MenuButton",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ButtonGroupMenuButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group/menu_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/menu_button/default/",
    "parameters": [
      {
        "name": "menu_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "The arguments accepted by [ActionMenu](/components/alpha/actionmenu)."
      },
      {
        "name": "button_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
      }
    ]
  },
  {
    "component": "ClipboardCopy",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "ClipboardCopy",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
    "parameters": [
      {
        "name": "aria-label",
        "type": "String",
        "default": "N/A",
        "description": "String that will be read to screenreaders when the component is focused"
      },
      {
        "name": "value",
        "type": "String",
        "default": "`nil`",
        "description": "Text to copy into the users clipboard when they click the component."
      },
      {
        "name": "for",
        "type": "String",
        "default": "N/A",
        "description": "Element id from where to get the copied value."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ClipboardCopyBaseButton",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "ClipboardCopyBaseButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy_base_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_base_button/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:button`, `:reset`, or `:submit`."
      },
      {
        "name": "block",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether button is full-width with `display: block`."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
      },
      {
        "name": "inactive",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ClipboardCopyButton",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "ClipboardCopyButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_button/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [Button](/components/beta/button) and [ClipboardCopy](/components/beta/clipboardcopy)."
      }
    ]
  },
  {
    "component": "CloseButton",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "CloseButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
    "parameters": [
      {
        "name": "type",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:button` or `:submit`."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is disabled."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Counter",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Counter",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
    "parameters": [
      {
        "name": "count",
        "type": "Integer, Float::INFINITY, nil",
        "default": "`0`",
        "description": "The number to be displayed (e.x. # of issues, pull requests)"
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "Color scheme. One of `:default`, `:primary`, or `:secondary`."
      },
      {
        "name": "limit",
        "type": "Integer, nil",
        "default": "`5_000`",
        "description": "Maximum value to display. Pass `nil` for no limit. (e.x. if `count` == 6,000 and `limit` == 5000, counter will display \"5,000+\")"
      },
      {
        "name": "hide_if_zero",
        "type": "Boolean",
        "default": "`false`",
        "description": "If true, a `hidden` attribute is added to the counter if `count` is zero."
      },
      {
        "name": "text",
        "type": "String",
        "default": "`\"\"`",
        "description": "Text to display instead of count."
      },
      {
        "name": "round",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to apply our standard rounding logic to value."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Details",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Details",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
    "parameters": [
      {
        "name": "overlay",
        "type": "Symbol",
        "default": "`:none`",
        "description": "Dictates the type of overlay to render with. One of `:dark`, `:default`, or `:none`."
      },
      {
        "name": "reset",
        "type": "Boolean",
        "default": "`false`",
        "description": "Defaults to false. If set to true, it will remove the default caret and remove style from the summary element"
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to disable the summary button."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Flash",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "Flash",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
    "parameters": [
      {
        "name": "full",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the component should take up the full width of the screen."
      },
      {
        "name": "spacious",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to add margin to the bottom of the component."
      },
      {
        "name": "dismissible",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the component can be dismissed with an X button."
      },
      {
        "name": "icon",
        "type": "Symbol",
        "default": "`nil`",
        "description": "Name of Octicon icon to use."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Heading",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Heading",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "String",
        "default": "N/A",
        "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "IconButton",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "IconButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
    "parameters": [
      {
        "name": "icon",
        "type": "String",
        "default": "N/A",
        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
      },
      {
        "name": "tag",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:danger`, `:default`, `:invisible`, `:primary`, or `:secondary`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "disabled",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:button`, `:reset`, or `:submit`."
      },
      {
        "name": "aria-label",
        "type": "String",
        "default": "N/A",
        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
      },
      {
        "name": "aria-description",
        "type": "String",
        "default": "N/A",
        "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
      },
      {
        "name": "show_tooltip",
        "type": "Boolean",
        "default": "`true`",
        "description": "Whether or not to show a tooltip when this button is hovered. Tooltips should only be hidden if the aria label is redundant, i.e. if the icon has a widely understood definition."
      },
      {
        "name": "tooltip_direction",
        "type": "Symbol",
        "default": "`:s`",
        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Label",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Label",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:span`",
        "description": "One of `:a`, `:div`, `:span`, or `:summary`."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large` or `:medium`."
      },
      {
        "name": "inline",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to render this label inline."
      },
      {
        "name": "variant",
        "type": "Symbol",
        "default": "`:none`",
        "description": "One of `:inline`, `:large`, or `:none`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Link",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Link",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
    "parameters": [
      {
        "name": "href",
        "type": "String",
        "default": "`nil`",
        "description": "URL to be used for the Link. Required. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:default`, `:primary`, or `:secondary`."
      },
      {
        "name": "muted",
        "type": "Boolean",
        "default": "`false`",
        "description": "Uses light gray for Link color, and blue on hover."
      },
      {
        "name": "underline",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to underline the link."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Markdown",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Markdown",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:div`",
        "description": "One of `:article`, `:div`, or `:td`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList",
    "status": "beta",
    "a11y_reviewed": true,
    "short_name": "NavList",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/default/",
    "parameters": [
      {
        "name": "selected_item_id",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Divider",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "NavListDivider",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/divider.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/divider/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:subtle`",
        "description": "Display a background color if scheme is `filled`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Group",
    "status": "alpha",
    "a11y_reviewed": true,
    "short_name": "NavListGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/group/default/",
    "parameters": [
      {
        "name": "selected_item_id",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The ID of the currently selected item. Used internally."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Heading",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "NavListHeading",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/heading.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/heading/default/",
    "parameters": [
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "The text content of the heading."
      },
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The value of the ID HTML attribute. Auto-generated by default."
      },
      {
        "name": "heading_level",
        "type": "Integer",
        "default": "`2`",
        "description": "The heading level, i.e. 2 for an `<h2>`, 3 for an `<h3>`, etc."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "NavList::Item",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "NavListItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/item/default/",
    "parameters": [
      {
        "name": "selected_item_id",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The ID of the currently selected list item. Used internally."
      },
      {
        "name": "selected_by_ids",
        "type": "Array<Symbol>",
        "default": "`[]`",
        "description": "The list of IDs that select this item. In other words, if the `selected_item_id` attribute on the parent `NavList` is set to one of these IDs, the item will appear selected."
      },
      {
        "name": "expanded",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
      },
      {
        "name": "sub_item",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not this item is nested under a parent item. Used internally."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Octicon",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Octicon",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
    "parameters": [
      {
        "name": "icon_name",
        "type": "Symbol, String",
        "default": "`nil`",
        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
      },
      {
        "name": "icon",
        "type": "Symbol, String",
        "default": "`nil`",
        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:small`",
        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
      },
      {
        "name": "use_symbol",
        "type": "Boolean",
        "default": "`false`",
        "description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/alpha/octiconsymbols)."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Popover",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Popover",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ProgressBar",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "ProgressBar",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
    "parameters": [
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:default`, `:large`, or `:small`. Increases height."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "RelativeTime",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "RelativeTime",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
    "parameters": [
      {
        "name": "datetime",
        "type": "Time",
        "default": "N/A",
        "description": "The time to be formatted."
      },
      {
        "name": "tense",
        "type": "Symbol",
        "default": "`:auto`",
        "description": "Which tense to use. One of `:auto`, `:future`, or `:past`."
      },
      {
        "name": "prefix",
        "type": "String",
        "default": "`nil`",
        "description": "What to prefix the relative time display with."
      },
      {
        "name": "second",
        "type": "Symbol",
        "default": "`SECOND_DEFAULT`",
        "description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
      },
      {
        "name": "minute",
        "type": "Symbol",
        "default": "`MINUTE_DEFAULT`",
        "description": "What format minues should take. One of `nil`, `:numeric`, or `:two_digit`."
      },
      {
        "name": "hour",
        "type": "Symbol",
        "default": "`HOUR_DEFAULT`",
        "description": "What format hours should take. One of `nil`, `:numeric`, or `:two_digit`."
      },
      {
        "name": "weekday",
        "type": "Symbol",
        "default": "`WEEKDAY_DEFAULT`",
        "description": "What format weekdays should take. One of `nil`, `:long`, `:narrow`, or `:short`."
      },
      {
        "name": "day",
        "type": "Symbol",
        "default": "`DAY_DEFAULT`",
        "description": "What format days should take. One of `nil`, `:numeric`, or `:two_digit`."
      },
      {
        "name": "month",
        "type": "Symbol",
        "default": "`MONTH_DEFAULT`",
        "description": "What format months should take. One of `nil`, `:long`, `:narrow`, `:numeric`, `:short`, or `:two_digit`."
      },
      {
        "name": "year",
        "type": "Symbol",
        "default": "`YEAR_DEFAULT`",
        "description": "What format years should take. One of `nil`, `:numeric`, or `:two_digit`."
      },
      {
        "name": "time_zone_name",
        "type": "Symbol",
        "default": "`TIMEZONENAME_DEFAULT`",
        "description": "What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`."
      },
      {
        "name": "time_zone",
        "type": "String",
        "default": "`nil`",
        "description": "The IANA time zone identifier to use for formatting (e.g., \"America/New_York\")."
      },
      {
        "name": "threshold",
        "type": "String",
        "default": "`nil`",
        "description": "The threshold, in ISO-8601 'durations' format, at which relative time displays become absolute."
      },
      {
        "name": "precision",
        "type": "Symbol",
        "default": "`PRECISION_DEFAULT`",
        "description": "The precision elapsed time should display. One of `nil`, `:day`, `:hour`, `:minute`, `:month`, `:second`, or `:year`."
      },
      {
        "name": "format",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
      },
      {
        "name": "format_style",
        "type": "Symbol",
        "default": "`nil`",
        "description": "The format the display should take. One of `nil`, `:long`, `:narrow`, or `:short`."
      },
      {
        "name": "lang",
        "type": "String",
        "default": "`nil`",
        "description": "The language to use."
      },
      {
        "name": "title",
        "type": "String",
        "default": "`nil`",
        "description": "Provide a custom title to the element."
      },
      {
        "name": "no_title",
        "type": "Boolean",
        "default": "`false`",
        "description": "Removes the `title` attribute provided on the element by default."
      },
      {
        "name": "aria_hidden",
        "type": "Boolean",
        "default": "`nil`",
        "description": "Set if the element is hidden or not."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Spinner",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Spinner",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/spinner.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/spinner/default/",
    "parameters": [
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `[:large, 64]`, `[:medium, 32]`, or `[:small, 16]`."
      },
      {
        "name": "style",
        "type": "String",
        "default": "`box-sizing: content-box; color: var(--color-icon-primary);`",
        "description": "Custom element styles."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "State",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "State",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/state.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/state/default/",
    "parameters": [
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "`title` HTML attribute."
      },
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "Background color. One of `:closed`, `:default`, `:green`, `:merged`, `:open`, `:purple`, or `:red`."
      },
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:span`",
        "description": "HTML tag for element. One of `:div` or `:span`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:default` or `:small`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Subhead",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Subhead",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/subhead.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/subhead/default/",
    "parameters": [
      {
        "name": "spacious",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to add spacing to the Subhead."
      },
      {
        "name": "hide_border",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to hide the border under the heading."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Text",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Text",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:span`",
        "description": ""
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TimelineItem",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "TimelineItem",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/timeline_item.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item/default/",
    "parameters": [
      {
        "name": "condensed",
        "type": "Boolean",
        "default": "`false`",
        "description": "Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "TimelineItem::Badge",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "TimelineItemBadge",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/timeline_item/badge.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item/badge/default/",
    "parameters": []
  },
  {
    "component": "Truncate",
    "status": "beta",
    "a11y_reviewed": false,
    "short_name": "Truncate",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Truncate::TruncateText",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "TruncateTruncateText",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate/truncate_text.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/truncate_text/default/",
    "parameters": []
  },
  {
    "component": "Blankslate",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "Blankslate",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/blankslate_component.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/blankslate/default/",
    "parameters": [
      {
        "name": "title",
        "type": "String",
        "default": "`\"\"`",
        "description": "Text that appears in a larger bold font."
      },
      {
        "name": "title_tag",
        "type": "Symbol",
        "default": "`:h3`",
        "description": "HTML tag to use for title."
      },
      {
        "name": "icon",
        "type": "Symbol",
        "default": "`\"\"`",
        "description": "Octicon icon to use at top of component."
      },
      {
        "name": "icon_size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
      },
      {
        "name": "image_src",
        "type": "String",
        "default": "`\"\"`",
        "description": "Image to display."
      },
      {
        "name": "image_alt",
        "type": "String",
        "default": "`\" \"`",
        "description": "Alt text for image."
      },
      {
        "name": "description",
        "type": "String",
        "default": "`\"\"`",
        "description": "Text that appears below the title. Typically a whole sentence."
      },
      {
        "name": "button_text",
        "type": "String",
        "default": "`\"\"`",
        "description": "The text of the button."
      },
      {
        "name": "button_url",
        "type": "String",
        "default": "`\"\"`",
        "description": "The URL where the user will be taken after clicking the button."
      },
      {
        "name": "button_classes",
        "type": "String",
        "default": "`\"btn-primary my-3\"`",
        "description": "Classes to apply to action button"
      },
      {
        "name": "link_text",
        "type": "String",
        "default": "`\"\"`",
        "description": "The text of the link."
      },
      {
        "name": "link_url",
        "type": "String",
        "default": "`\"\"`",
        "description": "The URL where the user will be taken after clicking the link."
      },
      {
        "name": "narrow",
        "type": "Boolean",
        "default": "`false`",
        "description": "Adds a maximum width."
      },
      {
        "name": "large",
        "type": "Boolean",
        "default": "`false`",
        "description": "Increases the font size."
      },
      {
        "name": "spacious",
        "type": "Boolean",
        "default": "`false`",
        "description": "Adds extra padding."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Box",
    "status": "stable",
    "a11y_reviewed": false,
    "short_name": "Box",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Button",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "Button",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:danger`, `:default`, `:invisible`, `:link`, `:outline`, or `:primary`."
      },
      {
        "name": "variant",
        "type": "Symbol",
        "default": "`nil`",
        "description": "DEPRECATED. One of `:medium` or `:small`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:medium` or `:small`."
      },
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "`:button`",
        "description": "One of `:button`, `:reset`, or `:submit`."
      },
      {
        "name": "group_item",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether button is part of a ButtonGroup."
      },
      {
        "name": "block",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether button is full-width with `display: block`."
      },
      {
        "name": "dropdown",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether or not to render a dropdown caret."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "ConditionalWrapper",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "ConditionalWrapper",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/conditional_wrapper.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/conditional_wrapper/default/",
    "parameters": [
      {
        "name": "condition",
        "type": "Boolean",
        "default": "N/A",
        "description": "Whether or not to wrap the content in a component."
      },
      {
        "name": "component",
        "type": "Class",
        "default": "`Primer::BaseComponent`",
        "description": "The component class to use as a wrapper, defaults to `Primer::BaseComponent`"
      },
      {
        "name": "base_component_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments to pass to the component."
      }
    ]
  },
  {
    "component": "Content",
    "status": "stable",
    "a11y_reviewed": false,
    "short_name": "Content",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/content.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/content/default/",
    "parameters": []
  },
  {
    "component": "IconButton",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "IconButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "One of `:danger` or `:default`."
      },
      {
        "name": "icon",
        "type": "String",
        "default": "N/A",
        "description": "Name of [Octicon](https://primer.style/octicons/) to use."
      },
      {
        "name": "tag",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:a`, `:button`, `:clipboard-copy`, or `:summary`."
      },
      {
        "name": "type",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:button`, `:reset`, or `:submit`."
      },
      {
        "name": "aria-label",
        "type": "String",
        "default": "N/A",
        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
      },
      {
        "name": "aria-description",
        "type": "String",
        "default": "N/A",
        "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
      },
      {
        "name": "tooltip_direction",
        "type": "Symbol",
        "default": "`:s`",
        "description": "One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
      },
      {
        "name": "box",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the button is in a [BorderBox](/components/beta/borderbox). If `true`, the button will have the `Box-btn-octicon` class."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Layout",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "Layout",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
    "parameters": [
      {
        "name": "responsive",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to collapse layout to a single column at smaller widths."
      },
      {
        "name": "side",
        "type": "Symbol",
        "default": "`:right`",
        "description": "Which side to display the sidebar on. One of `:left` or `:right`."
      },
      {
        "name": "sidebar_col",
        "type": "Integer",
        "default": "`3`",
        "description": "Sidebar column width."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Navigation::Tab",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "NavigationTab",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
    "parameters": [
      {
        "name": "list",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the Tab is an item in a `<ul>` list."
      },
      {
        "name": "selected",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the Tab is selected or not."
      },
      {
        "name": "with_panel",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the Tab has an associated panel."
      },
      {
        "name": "panel_id",
        "type": "String",
        "default": "`\"\"`",
        "description": "Only applies if `with_panel` is `true`. Unique id of panel."
      },
      {
        "name": "icon_classes",
        "type": "Boolean",
        "default": "`\"\"`",
        "description": "Classes that must always be applied to icons."
      },
      {
        "name": "wrapper_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "[System arguments](/system-arguments) to be used in the `<li>` wrapper when the tab is an item in a list."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::AvatarStack",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectAvatarStack",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/avatar_stack.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/avatar_stack/default/",
    "parameters": []
  },
  {
    "component": "OpenProject::AvatarWithFallback",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectAvatarWithFallback",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/avatar_with_fallback.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/avatar_with_fallback/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "`nil`",
        "description": "The source URL of the avatar image. When provided, JavaScript will test-load it in the background and swap to it on success. When nil or blank, only the fallback SVG is displayed."
      },
      {
        "name": "alt",
        "type": "String",
        "default": "`nil`",
        "description": "Alt text for the avatar. Used for accessibility and to generate initials for the fallback SVG."
      },
      {
        "name": "size",
        "type": "Integer",
        "default": "`20`",
        "description": "One of `16`, `20`, `24`, `32`, `40`, `48`, `64`, or `80`."
      },
      {
        "name": "shape",
        "type": "Symbol",
        "default": "`:circle`",
        "description": "Shape of the avatar. One of `:circle` or `:square`."
      },
      {
        "name": "href",
        "type": "String",
        "default": "`nil`",
        "description": "The URL to link to. If used, component will be wrapped by an `<a>` tag."
      },
      {
        "name": "unique_id",
        "type": "String, Integer",
        "default": "`nil`",
        "description": "Unique identifier for generating consistent avatar colors across renders."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::BorderBox::CollapsibleHeader",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectBorderBoxCollapsibleHeader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The unique ID of the collapsible header."
      },
      {
        "name": "box",
        "type": "Primer::Beta::BorderBox",
        "default": "`nil`",
        "description": "Deprecated. Previously used to reference the parent BorderBox."
      },
      {
        "name": "collapsed",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the header is collapsed on initial render."
      },
      {
        "name": "collapsible_id",
        "type": "String",
        "default": "`nil`",
        "description": "The id or ids of the elements that will be collapsed. This should include the BorderBox's list, body and footer. This will be required in future versions."
      },
      {
        "name": "multi_line",
        "type": "Boolean",
        "default": "`true`",
        "description": "Whether the description is on its own line and can wrap across multiple lines."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::BorderGrid",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectBorderGrid",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
    "parameters": [
      {
        "name": "spacious",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to add margin to the bottom of the component."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::BorderGrid::Cell",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectBorderGridCell",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::CollapsibleSection",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectCollapsibleSection",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
    "parameters": [
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The unique ID of the collapsible section."
      },
      {
        "name": "collapsed",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the section is collapsed on initial render."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::DangerDialog",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectDangerDialog",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/default/",
    "parameters": [
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Allows the dialog to submit a form. Pass EITHER the `builder:` option to this hash to reuse an existing Rails form, or `action:` if you prefer the component to render the form tag itself. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which is created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
      },
      {
        "name": "id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The id of the dialog."
      },
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "The title of the dialog. Although visually hidden, a label is rendered for assistive technologies."
      },
      {
        "name": "confirm_button_text",
        "type": "String",
        "default": "`nil`",
        "description": "The text of the confirm button. Will default to `I18n.t(\"button_delete\")`, or `I18n.t(\"button_delete_permanently\")` if `confirmation_check_box` slot has been passed to the component."
      },
      {
        "name": "cancel_button_text",
        "type": "String",
        "default": "`nil`",
        "description": "The text of the cancel button. Will default to `I18n.t(\"button_cancel\")`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::DangerDialog::ConfirmationCheckBox",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectDangerDialogConfirmationCheckBox",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/confirmation_check_box.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/confirmation_check_box/default/",
    "parameters": [
      {
        "name": "check_box_id",
        "type": "String",
        "default": "`self.class.generate_id`",
        "description": "The id of the check_box input."
      },
      {
        "name": "check_box_name",
        "type": "String",
        "default": "N/A",
        "description": "The name of the check_box input."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::DangerDialog::FormWrapper",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectDangerDialogFormWrapper",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/danger_dialog/form_wrapper.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/danger_dialog/form_wrapper/default/",
    "parameters": []
  },
  {
    "component": "OpenProject::DragHandle",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectDragHandle",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
    "parameters": [
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:small`",
        "description": "One of `:medium`, `:small`, or `:xsmall`."
      },
      {
        "name": "label",
        "type": "String",
        "default": "`I18n.t(\"drag_handle.button_drag\")`",
        "description": "String that can be read by assistive technology. A label should be short and concise. See the accessibility section for more information."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::FeedbackDialog",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectFeedbackDialog",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/feedback_dialog.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/feedback_dialog/default/",
    "parameters": [
      {
        "name": "title",
        "type": "String",
        "default": "N/A",
        "description": "The title of the dialog. Although visually hidden, a label is rendered for assistive technologies."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::FeedbackMessage",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectFeedbackMessage",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/feedback_message.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/feedback_message/default/",
    "parameters": [
      {
        "name": "icon_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "special arguments for the icon"
      },
      {
        "name": "loading",
        "type": "Boolean",
        "default": "`false`",
        "description": "Show a loading spinner instead of an icon"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::Fieldset",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectFieldset",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/default/",
    "parameters": [
      {
        "name": "legend_text",
        "type": "String",
        "default": "`nil`",
        "description": "A legend should be short and concise. The String will also be read by assistive technology."
      },
      {
        "name": "visually_hide_legend",
        "type": "Boolean",
        "default": "`false`",
        "description": "Controls if the legend is visible. If `true`, screen reader only text will be added."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::Fieldset::Legend",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectFieldsetLegend",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset/legend_component.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/legend/default/",
    "parameters": []
  },
  {
    "component": "OpenProject::FilterableTreeView",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "OpenProjectFilterableTreeView",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/filterable_tree_view.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/filterable_tree_view/default/",
    "parameters": [
      {
        "name": "src",
        "type": "String",
        "default": "`nil`",
        "description": "URL of the server endpoint that returns a filtered `<tree-view>` HTML fragment. When set, activates async (server-side) filtering mode. See \"Async loading strategy\" above."
      },
      {
        "name": "show_search_highlighting",
        "type": "Boolean",
        "default": "`true`",
        "description": "Only relevant in async mode (`src:` must be set). When `true` (default), the client highlights matching text using the CSS Custom Highlight API or `<mark>` elements. When `false`, the client skips highlighting entirely; the server is responsible for including highlight markup (e.g. `<mark>` tags) in the returned HTML fragment."
      },
      {
        "name": "tree_view_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments that will be passed to the underlying [TreeView](/components/alpha/treeview) component."
      },
      {
        "name": "form_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Form arguments that will be passed to the underlying [TreeView](/components/alpha/treeview) component. These arguments allow the selections made within a `FilterableTreeView` to be submitted to the server as part of a Rails form. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
      },
      {
        "name": "filter_input_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments that will be passed to the [TextField](/components/alpha/textfield) component."
      },
      {
        "name": "filter_mode_control_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments that will be passed to the [SegmentedControl](/components/alpha/segmentedcontrol) component."
      },
      {
        "name": "include_sub_items_check_box_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments that will be passed to the [CheckBox](/components/alpha/checkbox) component."
      },
      {
        "name": "no_results_node_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Arguments that will be passed to a [TreeView::LeafNode](/components/alpha/treeviewleafnode) component that appears when no items match the filter criteria."
      }
    ]
  },
  {
    "component": "OpenProject::FilterableTreeView::SubTree",
    "status": "alpha",
    "a11y_reviewed": false,
    "short_name": "OpenProjectFilterableTreeViewSubTree",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/filterable_tree_view/sub_tree.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/filterable_tree_view/sub_tree/default/",
    "parameters": [
      {
        "name": "node_variant",
        "type": "Symbol",
        "default": "N/A",
        "description": "The variant to use for this node. One of `:anchor`, `:button`, or `:div`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "The arguments accepted by [TreeView::SubTreeContainer](/components/alpha/treeviewsubtreecontainer)."
      }
    ]
  },
  {
    "component": "OpenProject::FlexLayout",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectFlexLayout",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/flex_layout.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/flex_layout/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::GridLayout",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectGridLayout",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/default/",
    "parameters": [
      {
        "name": "css_class",
        "type": "String",
        "default": "N/A",
        "description": "The basic css class applied on the grid-container"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::GridLayout::Area",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectGridLayoutArea",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout/area.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/area/default/",
    "parameters": [
      {
        "name": "css_class",
        "type": "String",
        "default": "N/A",
        "description": "The basic css class applied on the grid-container"
      },
      {
        "name": "area_name",
        "type": "Symbol",
        "default": "N/A",
        "description": "The specific area name, used for creating the element class and the \"grid-area\" style"
      },
      {
        "name": "component",
        "type": "ViewComponent::Base",
        "default": "`Primer::BaseComponent`",
        "description": "The instance of the component to be rendered."
      },
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:div`",
        "description": "One of `:div` or `:span`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::Heading",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectHeading",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/heading.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/heading/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::InlineMessage",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectInlineMessage",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/inline_message.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/inline_message/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "N/A",
        "description": "One of `:critical`, `:success`, `:unavailable`, or `:warning`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:medium` or `:small`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::InputGroup",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectInputGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/input_group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/input_group/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::PageHeader",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectPageHeader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/default/",
    "parameters": [
      {
        "name": "mobile_menu_label",
        "type": "String",
        "default": "`I18n.t(\"label_more\")`",
        "description": "The tooltip label of the mobile menu"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::PageHeader::Dialog",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectPageHeaderDialog",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/dialog.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/dialog/default/",
    "parameters": [
      {
        "name": "dialog_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "The arguments accepted by [Dialog](/components/alpha/dialog)."
      },
      {
        "name": "button_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
      }
    ]
  },
  {
    "component": "OpenProject::PageHeader::Menu",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectPageHeaderMenu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/menu/default/",
    "parameters": [
      {
        "name": "menu_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "The arguments accepted by [ActionMenu](/components/alpha/actionmenu)."
      },
      {
        "name": "button_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "The arguments accepted by [Button](/components/beta/button) or [IconButton](/components/beta/iconbutton), depending on the value of the `icon:` argument."
      }
    ]
  },
  {
    "component": "OpenProject::PageHeader::Title",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectPageHeaderTitle",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/page_header/title.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/page_header/title/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::Pagination",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectPagination",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/pagination.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/pagination/default/",
    "parameters": []
  },
  {
    "component": "OpenProject::SidePanel",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectSidePanel",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::SidePanel::Section",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectSidePanelSection",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/side_panel/section.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/side_panel/section/default/",
    "parameters": []
  },
  {
    "component": "OpenProject::SubHeader",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectSubHeader",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/default/",
    "parameters": [
      {
        "name": "collapsed_search",
        "type": "Boolean",
        "default": "`true`",
        "description": "When true, the search bar starts collapsed as an icon button on all screen sizes. Clicking expands it."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::SubHeader::Button",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectSubHeaderButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button/default/",
    "parameters": [
      {
        "name": "icon",
        "type": "Symbol",
        "default": "N/A",
        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use as leading visual"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::SubHeader::ButtonGroup",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectSubHeaderButtonGroup",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/button_group.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/button_group/default/",
    "parameters": [
      {
        "name": "scheme",
        "type": "Symbol",
        "default": "`:default`",
        "description": "DEPRECATED. One of `:danger`, `:default`, `:invisible`, `:link`, `:primary`, or `:secondary`."
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::SubHeader::Menu",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectSubHeaderMenu",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/menu.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/menu/default/",
    "parameters": [
      {
        "name": "icon_only",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the trigger button is an IconButton"
      },
      {
        "name": "leading_icon",
        "type": "Symbol",
        "default": "N/A",
        "description": "Name of Octicon icon to use as either leading icon or IconButton."
      },
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "The button label"
      },
      {
        "name": "button_arguments",
        "type": "Hash",
        "default": "`{}`",
        "description": "Additional arguments for the button"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::SubHeader::QuickAction",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectSubHeaderQuickAction",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/quick_action_component.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/quick_action/default/",
    "parameters": []
  },
  {
    "component": "OpenProject::SubHeader::SegmentedControl",
    "status": "open_project",
    "a11y_reviewed": true,
    "short_name": "OpenProjectSubHeaderSegmentedControl",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/sub_header/segmented_control.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/sub_header/segmented_control/default/",
    "parameters": [
      {
        "name": "hide_labels",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether to hide the labels and only show the icons"
      },
      {
        "name": "full_width",
        "type": "Boolean",
        "default": "`false`",
        "description": "If the component should be full width"
      },
      {
        "name": "size",
        "type": "Symbol",
        "default": "`:medium`",
        "description": "One of `:large`, `:medium`, or `:small`."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "OpenProject::ZenModeButton",
    "status": "open_project",
    "a11y_reviewed": false,
    "short_name": "OpenProjectZenModeButton",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/zen_mode_button.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/zen_mode_button/default/",
    "parameters": [
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Tooltip",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "Tooltip",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tooltip.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
    "parameters": [
      {
        "name": "label",
        "type": "String",
        "default": "N/A",
        "description": "the text to appear in the tooltip"
      },
      {
        "name": "direction",
        "type": "String",
        "default": "`:n`",
        "description": "Direction of the tooltip. One of `:e`, `:n`, `:ne`, `:nw`, `:s`, `:se`, `:sw`, or `:w`."
      },
      {
        "name": "align",
        "type": "String",
        "default": "`:default`",
        "description": "Align tooltips to the left or right of an element, combined with a `direction` to specify north or south. One of `:default`, `:left_1`, `:left_2`, `:right_1`, or `:right_2`."
      },
      {
        "name": "multiline",
        "type": "Boolean",
        "default": "`false`",
        "description": "Use this when you have long content"
      },
      {
        "name": "no_delay",
        "type": "Boolean",
        "default": "`false`",
        "description": "By default the tooltips have a slight delay before appearing. Set true to override this"
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  },
  {
    "component": "Truncate",
    "status": "deprecated",
    "a11y_reviewed": false,
    "short_name": "Truncate",
    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/truncate.rb",
    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
    "parameters": [
      {
        "name": "tag",
        "type": "Symbol",
        "default": "`:div`",
        "description": "One of `:div`, `:p`, `:span`, or `:strong`."
      },
      {
        "name": "inline",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the element is inline (or inline-block)."
      },
      {
        "name": "expandable",
        "type": "Boolean",
        "default": "`false`",
        "description": "Whether the entire string should be revealed on hover. Can only be used in conjunction with `inline`."
      },
      {
        "name": "max_width",
        "type": "Integer",
        "default": "`nil`",
        "description": "Sets the max-width of the text."
      },
      {
        "name": "system_arguments",
        "type": "Hash",
        "default": "N/A",
        "description": "[System arguments](/system-arguments)"
      }
    ]
  }
]