Primer CSS Components Complete Reference Last Updated : 12 Jul, 2022 Improve Improve Like Article Like Save Share Report Primer CSS is a free open-source CSS framework that is built upon systems that create the foundation of the basic style elements such as spacing, typography, and color. This systematic method makes sure our patterns are steady and interoperable with every other Primer CSS Alerts Primer CSS Alerts Default Primer CSS Alerts Colors Primer CSS Alerts With Icon Primer CSS Alerts With Dismiss Primer CSS Alerts With Action Button Primer CSS Alerts Full Width Flash Primer CSS Alerts Flash Banner Primer CSS Autocomplete Primer CSS Autocomplete Primer CSS Autocomplete Suggester Primer CSS Avatars Primer CSS Basic Example Primer CSS Circle Badge Primer CSS Blankslate Primer CSS Basic Example Primer CSS With Octicons Primer CSS Blankslate With Graphic, Button and Link Primer CSS Blankslate Variations Primer CSS Box overlayPrimer CSS Box Primer CSS Box Elements Primer CSS Box Padding Density Primer CSS Blue Box Theme Primer CSS Blue Box Header Theme Primer CSS Box Danger Theme Primer CSS Row Themes Primer CSS Dashed Border Primer CSS Boxes with Flash Alerts Primer CSS Boxes with Icons Primer CSS Box Headers with Counters Primer CSS Form elements and buttons in boxes Primer CSS Branch name Primer CSS Breadcrumbs Primer CSS Buttons Primer CSS Button Types Primer CSS Button States Primer CSS Button Variations Primer CSS Button with Icons Primer CSS Button with Counts Primer CSS Button Groups Primer CSS Dropdown Primer CSS Options Primer CSS Forms Primer CSS Kitchen Sink Forms Primer CSS Example Form Primer CSS Inputs Forms Primer CSS Customization Forms Primer CSS Selects Forms Primer CSS Form Groups Primer CSS Form Group Validation Primer CSS Forms Checkboxes and Radios Primer CSS Radio Group in Forms Primer CSS Header Primer CSS Header Primer CSS Header-Item Primer CSS Header-Link Primer CSS Labels Primer CSS Labels Primer CSS Issue Labels Primer CSS States Primer CSS Labels Counters Primer CSS Diffstat Primer CSS Layout Primer CSS Elements Primer CSS Default Primer CSS Modifiers Primer CSS Accessibility and keyboard navigation Primer CSS Links Primer CSS Primary Link Primer CSS Secondary Link Primer CSS Muted Link Primer CSS On hover Link Primer CSS Nested Link Primer CSS Link and Color Utilities Primer CSS Loaders Primer CSS Animated Ellipsis Primer CSS Markdown Primer CSS Navigation Primer CSS Pagination Primer CSS Previous/Next Pagination Primer CSS Numbered Pagination Primer CSS Popover Primer CSS Popover Variants Primer CSS Popover Bottom Primer CSS Popover Bottom-right Primer CSS Popover Bottom-left Primer CSS Popover Left Primer CSS Left-bottom Primer CSS Left-top Primer CSS Popover Right Primer CSS Right-bottom Primer CSS Right-top Primer CSS Top-left Primer CSS Top-right Primer CSS Progress Primer CSS Large Progress Primer CSS Small Progress Primer CSS Inline Progress Primer CSS Accessibility Primer CSS Progress with multiple values Primer CSS Select menu Primer CSS Right aligned Primer CSS Selected state Primer CSS Borderless Primer CSS Header Primer CSS List Items Primer CSS Divider Primer CSS Footer Primer CSS Filter Primer CSS Tabs Primer CSS Message Primer CSS Loading Primer CSS Disabled Primer CSS Blankslate Primer CSS Subhead Primer CSS Timeline Primer CSS TimelineItem-Badge Primer CSS TimelineItem-Condensed Primer CSS TimelineItem-Avatar Primer CSS TimelineItem-Break Primer CSS Target TimelineItem Primer CSS Toasts Primer CSS Default Primer CSS Variations Primer CSS Toast with Dismiss Primer CSS Toast with Link Primer CSS Toast animation in Primer CSS Toast with Loading Animation Primer CSS Toast Position Primer CSS Tooltips Primer CSS Tooltip Direction Primer CSS Tooltip Alignment Primer CSS Tooltips with Multiple Lines Primer CSS Tooltips with No Delay Primer CSS Truncate Primer CSS Truncate Primer CSS Truncate Multiple Items Primer CSS Expand on Hover or Focus Primer CSS Custom Max Widths Like Article Suggest improvement Next Primer CSS Marketing Complete Reference Share your thoughts in the comments Add Your Comment Please Login to comment...