Controls / The visual dictionary

Disclosure button.

Shows or hides a related section of content.

Also calledexpand buttonshow hide button
01

See it in context

UI illustration

A disclosure control makes extra information available without leaving the current page. Its expanded state communicates whether the controlled content is visible.

When to use it

Associate the opener with its content and expose its expanded state.

Know the difference

A menu button opens commands; a disclosure button reveals ordinary related content.

WebiOSiPadOSAndroidmacOSWindowsLinux

Web

Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.

iOS · iPadOS · Android

Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.

macOS · Windows · Linux

Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.

Primary documentation for the pattern and its platform conventions.