GOV.UK Accordion component for web writing guidance.

The GOV.UK Design System provides an accordion component allowing users to show and hide related content sections on a page. This component is useful when users need to see an overview of multiple sections, choose which sections are relevant to them, and compare information that might otherwise be spread across different pages.

The accordion component uses JavaScript to provide an interactive experience. Sections start hidden, and users can expand and collapse them as needed. When JavaScript is not available, all content is displayed with the section labels as headings.

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.