Activable Panel

A Panel variant with dynamic display control to bring flexibility in the interface.

Overview

Activable Panels are dynamic component used to display or hide elements based on user interactions.

Each panel includes a title and a mandatory switch button (with an attached label), allowing users to easily control what they see.

Guidelines

  1. Toggling On Displays Content: When the switch is activated, additional content or features become visible.

  2. Toggling On Hides Content: When the switch is activated, certain content or features are hidden to simplify the view.

Content

  • Clarity is Key: Ensure that the label on the Switch Button is exceptionally clear. Users should understand exactly what will happen when they toggle the switch—whether it will reveal or hide information.

Learn more about how to use Activable Panel in Configure Options Pattern.

Last updated