Helsinki Design System Accordion component overview page.

Accordions are versatile UI components that allow users to access and digest information quickly. The Helsinki Design System provides guidelines on properly using accordions to enhance the user experience.

The design system also outlines various accordion variations, such as default, card-based, and with the close button hidden. Developers are encouraged to choose the right accordion style based on the content and user needs. The guidelines emphasize judiciously using accordions to enhance content discoverability and user engagement.

UI & UX design inspiration for mobile & web apps.

orbs




Get Fountn

Pro friends get unlimited Figma conversions, bookmarks and collections.

Free Forever

$0

1 Figma conversion/day

5 collections

15 bookmarks

Limited access to new features

Current Plan

Fountn Pro

$6

Unlimited Figma conversions

Unlimited collections

Unlimited bookmarks

Full access to new features

Upgrade to Pro

You've reached your free limit. Upgrade for unlimited access.