Sidebar Components
Sidebar components can be used with custom content (with sidebar) or on their own beneath a sidebar menu or in-page navigation.
Alert Sidebar Component
An alert is a component that displays a supplementary piece of information, often in the form of validation messages (success, warning, and error) or help text (info). Alerts may also display time sensitive information.
Card Sidebar Component
A card is a small, modular piece of content that consists of at least a heading and description. Cards used in sidebars are vertically oriented.
Cards are very flexible in the content they can contain and they way they can be used. Use a card to bring in supplemental information that may have a CTA.
Contact Card Sidebar Component
A contact card is a card that contains contact details for a single person and optionally their administrative contact’s information.
Description List Sidebar Component
A description list is a collection of terms and their respective descriptions. These can be used to define common words, or even show the value of common labels such as names, titles, and contact information.
Freestanding Fact Sidebar Component
A freestanding fact is a type of factoid designed to be used as a sidebar component. Use freestanding facts to pull out a notable statistic, ranking or quick fact in a visually interesting way.
Icon List Sidebar Component
An icon list is a list using icons as bullets. Each list item can have a description to provide additional context.
Icon List Sidebar Component
An icon list is a list using icons as bullets. Each list item can have a description to provide additional context.
Link List Sidebar Component
A link list is a list where all list items are hyperlinked.
Linked Card Sidebar Component
A linked card is a small, modular piece of content that consists of at least a heading, description and link. A linked card is vertically oriented, and the entire card is linked.
Q&A Pair Sidebar Component
A Q&A pair contains a question and answer pair.
Testimonial Sidebar Component
A testimonial contains a quote from an identified source.