Secondary information

Represents a group of components and patterns used to reveal non-critical, supplementary information without cluttering the primary content.

Components

ComponentPurpose and use
TooltipRendererA concise, floating message that gives users non-critical, extra context on mouse hover or keyboard focus.
DisclosureA single section of inline content that can be expanded and collapsed by the user.
AccordionA vertically stacked list of panels that expand and collapse to reveal sections of content.
DialogA modal overlay that focusses user attention by disabling the screen to show a message.

Alternative approaches

To surface secondary info upfront, use Text and adjust the size or tone to acheive the desired prominence. This works well for always-visible copy such as legal or explanatory text (example).