Patterns (permalink) Overview Patterns compose elements and tokens with content and validation rules to create uniform, accessible experiences. Accordion Automatically expand accordions when a URL has hash fragments Alert Show global toast notifications for non-blocking feedback Call to Action Use theming to create desaturated CTAs Card Arranges content and interactive elements in a layout Filter Sorts data by predetermined sections and tags Form Collects information from a user through inputs Link with icon Adds additional context or decoration to a link Logo wall Visual arrangement of logos representing various brands, companies, or organizations Search bar Performs a search and displays relevant content Stacked navigation Primary and secondary navigation with sticky scroll and z-index coordination Sticky banner Anchors an offer to the bottom edge of a page Sticky card Anchors an offer to the right edge of a page Tabs Programatically activate a tab panel or item inside a tab panel Tag Tags can be used with other elements to label or categorize content Tile Style Tiles to differentiate them from other page elements (permalink) Make a request To request a new element or if updates need to be made to an existing element, contact us. Other libraries To learn more about our other libraries, visit this page. Feedback To give feedback about anything on this page, contact us. Patterns To learn how to use our patterns in your designs, visit the Patterns section. Edit this page on GitHub
