Progressive disclosure

Reveal optional information only when it is needed.

Live preview Try the effect

Browse terms, adjust parameters and add them to a plan.

Try the controls to understand this pattern.

This demo explains the pattern. Adapt the styling and dimensions to your project.

What it is

Reveal optional information only when it is needed. This example illustrates an admin interface. Describe the target, trigger and final state when adapting it to your project.

When to use

Advanced settings, FAQs and supporting explanations.

Related concepts

Disclosure reveals content within a task; navigation moves to a different destination.

Describe this effect

Output language

Hide secondary details behind a clearly labeled disclosure control with an exposed expanded state.

Generated from the parameters · Add to a plan to edit

References

Specification and implementation reference

Definitions are editorial. Common and descriptive names are not necessarily standardized terms.