Skip to main content
Primer
/
Product UI
Product UI
Brand UI
Octicons
Accessibility
Brand Toolkit
Switch to dark mode
Give feedback
Navigation
Product UI
Getting Started
Component status
Figma libraries
Foundations
Overview
Color usage
Content
Layout
Responsive
Typography
Rails
Overview
Migration guides
Component list
React
Overview
Core Concepts
Linting
Primer React Philosophy
Theming
Theme Reference
GitHub shared components
Primitives
Color
Size
Typography
Token names
Migrating to CSS variables
UI Patterns
Data visualization
Degraded experiences
Empty states
Feature onboarding
Forms
Loading
Navigation
Notification messaging
Progressive disclosure
Saving
Components
ActionBar
ActionList
ActionMenu
AnchoredOverlay
Autocomplete
Avatar
AvatarPair
AvatarStack
Banner
Blankslate
Box
BranchName
Breadcrumbs
Button
ButtonGroup
Checkbox
CheckboxGroup
CircleBadge
CircleOcticon
CounterLabel
DataTable
Details
Dialog
FormControl
Heading
IconButton
InlineMessage
Label
LabelGroup
Link
NavList
Overlay
PageHeader
PageLayout
Pagination
PointerBox
Popover
ProgressBar
Radio
RadioGroup
RelativeTime
SegmentedControl
Select
SelectPanel
SkeletonLoaders
Spinner
Stack
StateLabel
Text
TextInput
TextInputWithTokens
Textarea
Timeline
ToggleSwitch
Token
Tooltip
TreeView
Truncate
UnderlineNav
UnderlinePanels
React Hooks
useColorSchemeVar
useConfirm
useDetails
useFocusTrap
useFocusZone
useFormControlForwardedProps
useOnEscapePress
useOnOutsideClick
useOpenAndCloseFocus
useOverlay
useProvidedRefOrCreate
useRefObjectAsForwardedRef
useResizeObserver
useResponsiveValue
useSafeTimeout
useTheme
CSS Utilities
Animations
Borders
Box shadow
Colors
Details
Flexbox
Grid
Layout
Margin
Padding
Typography
Contribute
Adding new components
Contributing to Figma
Design
Documentation
Handling new patterns
How to contribute
Product UI
Getting started
Rails
Components
Rails components
This page may be removed.
Primer plans to move all Rails component documentation to
Lookbook
.
ActionList
ActionMenu
ActionBar
AutoComplete
Avatar
AvatarStack
Banner
BaseButton
Blankslate
BorderBox
Box
Breadcrumbs
Button
ButtonGroup
ButtonMarketing
CheckBox
CheckBoxGroup
ClipboardCopy
ClipboardCopyBaseButton
ClipboardCopyButton
CloseButton
ConditionalWrapper
Content
Counter
Details
Dialog
Dropdown
FormButton
FormControl
Heading
HellipButton
HiddenTextExpander
Octicon
IconButton
Image
Label
Layout
Link
Markdown
Menu
MultiInput
NavList
Navigation::Tab
Octicon
OcticonSymbols
Overlay
Layout
Subhead
Popover
ProgressBar
RadioButton
RadioButtonGroup
RelativeTime
SegmentedControl
Select
SelectPanel
Spinner
Stack
StackItem
State
Subhead
SubmitButton
TabContainer
TabNav
TabPanels
Text
TextField
TextArea
TimelineItem
ToggleSwitch
Tooltip
Truncate
UnderlineNav
UnderlinePanels