Patterns

Overview

Patterns compose elements and tokens with content and validation rules to create uniform, accessible experiences.

Announcement

Displays an important message across web properties

Disclosure

Toggles the visibility of only one content panel

Filter

Sorts a data set by predetermined sections and tags

Form

Collects specific information from a user through inputs

Link with icon

Adds additional context or decoration to an inline link

Link

Directs a user to another domain, page, or location

Promo

Advertises a specific promotional message or offer

Search bar

Performs a search and displays relevant content

Skip navigation

Moves a user down to content by keyboard input

Sticky banner

Anchors an offer to the bottom edge of a page

Sticky card

Anchors an offer to the right edge of a page

Video thumbnail

Overlays a button on an image indicating video playback

Make a request

To request a new or if updates need to be made to an existing , [contact pattern, [contact [contact [contact [contact [contact contact us.

© 2021-2023 Red Hat, Inc. Deploys by Netlify