Skip to content

Component status

Check the current status of Primer React components

See the component lifecycle for more information about each status.

ComponentStatusDescription
ActionListAlpha
ActionList v2AlphaAn ActionList is a list of items that can be activated or selected. ActionList is the base component for many menu-type components, including DropdownMenu and ActionMenu.
ActionMenuAlpha
ActionMenu v2AlphaAn ActionMenu is an ActionList-based component for creating a menu of actions that expands through a trigger button.
AnchoredOverlayAlpha
AutocompleteAlphaUsed to render a text input that allows a user to quickly filter through a list of options to pick one or more values.
AvatarAlphaUse avatars to represent users or organizations.
AvatarPairAlpha
AvatarStackAlphaUse an avatar stack to display two or more avatars in an inline stack.
BorderBoxDeprecated
BoxBetaA low-level utility component that accepts styled system props to enable custom theme-aware styling
BranchNameAlpha
BreadcrumbsAlphaUse breadcrumbs to show navigational context on pages that are many levels deep in a site’s hierarchy. Breadcrumbs show and link to parent, grandparent, and sometimes great-grandparent pages.
ButtonAlpha
Button v2AlphaUse button for the main actions on a page or form.
CheckboxAlphaUse checkboxes to toggle between checked and unchecked states in a list or as a standalone form field
ChoiceFieldsetAlpha
ChoiceInputFieldAlphaThe ChoiceInputField component is used to render a labelled checkbox or radio inputs with optional hint text.
CircleBadgeAlpha
CircleOcticonAlpha
CounterLabelAlphaUse the CounterLabel component to add a count to navigational elements and buttons.
DetailsAlpha
DialogDeprecated
Dialog v2Alpha
DropdownDeprecated
DropdownMenuAlpha
FilteredSearchAlpha
FilterListAlpha
FlashAlpha
FlexDeprecated
FormGroupAlpha
GridDeprecated
HeaderAlphaUse the Header component to create a header that has all of its items aligned vertically with consistent horizontal spacing
HeadingAlphaUse Heading to structure your content and provide an accessible experience for users of assistive technologies.
IconButtonAlphaAn accessible button component with no text and only icon.
InputFieldAlphaThe InputField component is used to render a labelled text input and, optionally, associated validation text and hint text.
LabelAlphaUse Label components to add contextual metadata to a design.
LabelGroupAlphaUse LabelGroup components to add commonly used margins and other layout constraints to groups of Labels
LinkAlpha
LinkButtonAlphaIt is a combination of a button and link. Use this to make your link look like a button.
OverlayAlpha
PageheadAlpha
PaginationAlpha
PointerBoxAlpha
PopoverAlpha
PortalAlpha
PositionDeprecated
ProgressBarAlphaUse progress bars to visualize task completion.
RadioAlphaUse radios when a user needs to select one option from a list
SelectAlphaUse a select input when a user needs to select one option from a long list
SelectMenuDeprecated
SelectPanelAlpha
SideNavAlpha
SpinnerAlphaUse spinners to let users know that content is being loaded.
StateLabelAlpha
StyledOcticonAlphaUse StyledOcticon to render an Octicon as a component.
SubNavAlpha
TabNavAlpha
TextAlpha
TextInputAlpha
TextInputWithTokensAlphaUsed to show multiple values in one field
TimelineAlpha
TokenAlphaA Token represents a piece of data. They are typically used to show a collection of related attributes.
TooltipAlpha
TruncateAlpha
UnderlineNavAlpha