Mini Accordion with Icons

A compact grid of click-to-reveal cards—each pairs an icon with a title, then expands to show more. Use any Material Symbols icon by name or upload your own.

Theme the whole block from a single accent color, or open advanced controls for per-element colors, border width and color, corner radius, icon alignment, and 1–3 column layouts.

Let one card open at a time or several at once, with an optional checkmark as learners work through them. Titles and body text are rich-text, so you can add formatting, links, and lists.

Fully keyboard-navigable and screen-reader-friendly, with arrow-key movement and clear focus states.

Pick the single column preset for a step-by-step process. It starts with four cards, and learners can leave several cards open at once.

Pick Double Column when you want a denser grid with progress checks. It starts with six cards and shows a checkmark as learners work through them.

For each card, add a title and the explanation learners reveal. The body text supports formatting, links and lists.

Add a Material Symbols icon name for the card. You can also upload your own icon when the preset includes uploads.

Set the accent color for the full block. Use the advanced controls when you need to tune colors, borders, corners or icon alignment.

Learners see a grid of cards with icons and titles. They open a card to read the extra text.

Use it when each item needs a short reveal. It works well for sales habits, process steps and common questions.

Pick Accordion with Image & Text when each reveal needs a supporting image.

Pick Reveal table content when the hidden information belongs in a table.

Pick Content Rows when you want styled headline and content blocks without expansion.