Internal Components

Components used internally at GitHub and not available for external use.

ActionListItems

Action List Item primitives that can be used with ActionList and represents items within GitHub

Learn more

BannerStack

Provider, outlet, and hooks for stacking accessible Primer Banner notifications

Learn more

ChartCard

Accessible chart

Learn more

CommandPalette

Global search dialog component

Learn more

ControlGroup

A component for building top level Settings pages

Learn more

CopilotAnimation

Animated Copilot avatar/logo

Learn more

CopyToClipboard

A button to copy content to the user's clipboard.

Learn more

DatePicker

DatePicker allows for the selection of dates, supporting single dates and date ranges.

Learn more

DragAndDrop

DragAndDrop adds support for the reordering of items in a list using drag and drop, as well as move dialogs.

Learn more

EmojiAutocomplete

Emoji autocompletion provider.

Learn more

Filter

A reusable filter component that can provide suggestions and validation to users. It generates a consistent search string that can be used to query data.

Learn more

FilterCore

Core logic driving filter-like components

Learn more

GitHubAvatar

Optimized avatar component that loads smaller images based on the configured size

Learn more

InlineAutocomplete

Shows suggestions to complete the current word/phrase the user is actively typing.

Learn more

LifecycleLabels

LifecycleLabels provides labels to indicate the lifecycle stage of a feature, such as alpha, beta, new, or deprecated.

Learn more

ListFilterButton

A styled Primer button for filter and sort overlay triggers, including ActionBar-hosted triggers.

Learn more

ListView

A ListView is a collection of items that each have a primary piece of information and action, one or multiple secondary actions, as well as associated metadata.

Learn more

MarkdownEditor

Textarea for editing Markdown.

Learn more

MarkdownEditorViewSwitch

View switch component for Markdown editor toolbar

Learn more

NestedListView

The Nested ListView is a collection of items that can be nested to create a parent/child relationship. Each item has a primary piece of information and action, one or multiple secondary actions, and associated metadata about the primary piece of information.

Learn more

QuickSearch

QuickSearch component for Global Navigation

Learn more

SimpleListView

A component for building simpler list views

Learn more

SimpleSelect

A `Select`-like component

Learn more

UiCommands

Command-based paradigms for managing keyboard shortcuts and user interactions.

Learn more