Skip to content
Primer/ViewComponents
What's new
Design
Interface guidelinesOcticonsPresentationsCommand lineMobileDesktop
Build
CSSReactViewComponents
ContributeAbout
  • Introduction
    • Getting started
    • Contributing
    • System arguments
    • Linting
    • Migration
    • Component status
  • Components
    • AutoComplete
    • AutoCompleteItem
    • Avatar
    • AvatarStack
    • Blankslate
    • BorderBox
    • Box
    • Breadcrumbs
    • Button
    • ButtonGroup
    • ButtonMarketing
    • ClipboardCopy
    • CloseButton
    • Counter
    • Details
    • Dropdown
    • DropdownMenu
    • Flash
    • Flex
    • FlexItem
    • Heading
    • HiddenTextExpander
    • IconButton
    • Image
    • ImageCrop
    • Label
    • Layout
    • Link
    • LocalTime
    • Markdown
    • Menu
    • Octicon
    • OcticonSymbols
    • Popover
    • ProgressBar
    • Spinner
    • State
    • Subhead
    • TabContainer
    • TabNav
    • TabPanels
    • Text
    • TimeAgo
    • TimelineItem
    • Truncate
    • UnderlineNav
    • UnderlinePanels
  • Architecture decisions
    • Developing and publishing client-side behaviours
    • 251. Use Catalyst for client-side behaviours
  • GitHub

Migrate from Primer CSS

Many Primer CSS use cases are supported by Primer ViewComponents.

When migrating from Primer CSS classes to ViewComponents, use this mapping to help guide your implementation. This list includes components currently in stable status.

Primer CSS ClassViewComponent
StatePrimer::StateComponent
breadcrumb-itemPrimer::Beta::Breadcrumbs
CounterPrimer::CounterComponent
SubheadPrimer::SubheadComponent
blankslatePrimer::Beta::Blankslate
Edit this page on GitHub