Skip to main contentPrimer
/
  • Product UI
  • Brand UI
  • Octicons
  • Accessibility
  • Brand Toolkit
Switch to dark mode
Navigation
Product UI
    • Getting Started

    • Component status
    • Figma libraries
      • Overview
      • Color usage
      • Content
      • Layout
      • Responsive
      • Typography
      • Overview
      • Migration guides
      • Component list
      • Overview
      • Core Concepts
      • Migration guides
      • 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
    • Skeleton loaders
    • 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
  1. Product UI
  2. Getting started
  3. Rails
  4. 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