Your budget

Prices in US dollars

Show 344 products up to $30

No. 067UI components

Accordion Components

Collapsible accordion sections in divider, bordered and filled styles, with open and closed states, a nested version and a two-column FAQ layout.

$5

Fits your $30 budget

  • Includes the Standard license: personal, commercial and client work for one person.
  • Instant download after payment, plus an email with links that stay active for 30 days.
  • Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
Contents
16 components
File formats
.fig, .sketch, .png
Supported software
Figma, Sketch
Download size
4 MB
Good for
  • FAQ pages
  • Product specifications
  • Settings groups

About this product

Collapsible sections are built as interactive components, so clicking a header in a Figma prototype expands the panel and rotates its chevron. The 16 components include divider, bordered-card and filled styles, items with leading icons or numbers, a nested accordion and a two-column FAQ layout. Each header has hover, focus and disabled states alongside the default.

The content area is an auto layout slot that accepts plain text, a spec table or a group of filter checkboxes without detaching the component. That stretches the set beyond FAQ pages to settings groups, product specifications and filter panels, in Figma or with the matching Sketch symbols.

What's inside

  • 16 components in divider, bordered and filled styles
  • Interactive open and close with a rotating chevron
  • Two-column FAQ layout and nested accordion
  • Header states: default, hover, focus, disabled
  • Content slot accepts any nested frame

License

Standard license

Included with every purchase

For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.

Allowed

  • Design a client's website with a UI kit and hand over the finished site
  • Use the same asset in as many of your projects as you like
  • Build your startup's pitch deck from a presentation template
  • Use an icon set throughout your company's web app

Not allowed

  • Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
  • Uploading the files anywhere others can download or extract them, such as a public repository
  • Letting several people work from one Standard license (a Team license covers that)
  • Selling print-⁠on-⁠demand merchandise or templates built on the assets without an Extended license

Search by name, type, tag or app, for example “dashboard” or “Figma”.