Expand/Collapse Widget Examples

Explore progressive disclosure patterns with consistent styling across native and custom controllers.

1. Native <details> onboarding prompt

Guided tour: Product onboarding

Get comfortable with the essentials in ten minutes or fewer.

  1. Install the CLI: Run npm install @acme/cli --global.
  2. Authenticate: Use acme login to connect your workspace.
  3. Initialize: Create a project with acme init and answer the prompts.

Tip: You can always revisit this tour from the Help menu.

2. Release notes accordion

Changelog — April 2024

Highlights from this month's release cycle.

Feature spotlight
Added workspace templates with one-click provisioning and governance guardrails.
Performance
Reduced cold start times by 32% thanks to smarter artifact caching.
Fixes
Addressed flaky webhook retries, improved audit log exports, and resolved a locale-specific sorting bug.

Heads-up: The next milestone adds automated rollout windows with regional overrides.

3. Custom controller with button

Use a standard button to toggle content while preserving the shared visual language.