Accordion Component on Card - Mobile Accordion Style on
Accordion component
PBI: 212484: Component — Accordion (Revisit)
Design: Accordion Component
Wiki: Accordion - Overview
Blocks:
- FAQ
- Cards
- Courses/LearnUpon
- Promo Block? - need to extend?
Variant:
- Implemented: Enable, Hover, Expanded
- Not implemented: Accordion variants with Toggle, Image, Icon, Disabled, Alternative
Note:
! This page contain only the Accordion Component! ( the accordion module is and old module )
Updated: 07/16/2025
Accordion component on FAQ Block
Available functionality
- Enabled state, Hover state, Expanded state
- Title, Text fields
- By default: Chevron
Unavailable functionality:
- Configuration not available to include Image, Icon, Toggle, Text before Chevron
- Hover (Alternative) state, Expanded (Alternative) state, Disabled
FAQ Block Accordion 1 Title - Bullet List (en - Master)
FAQ Block Accordion 1 Title - Bullet List (en - Master)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum erat vel lorem elementum, et hendrerit felis porttitor. Aliquam velit mi, tristique sed porttitor quis, consequat vehicula ex. Etiam suscipit feugiat turpis in dignissim. (en - Master)
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
FAQ Block Accordion 2 Title - Numbered List (en - Master)
FAQ Block Accordion 2 Title - Numbered List (en - Master)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum erat vel lorem elementum, et hendrerit felis porttitor. Aliquam velit mi, tristique sed porttitor quis, consequat vehicula ex. Etiam suscipit feugiat turpis in dignissim. Etiam ac odio ut enim sodales egestas. Suspendisse eget mauris non elit volutpat sagittis et vulputate orci. (en - Master)
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
- Lorem ipsum
FAQ Block Accordion 3 Title - Links (en - Master)
FAQ Block Accordion 3 Title - Links (en - Master)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum erat vel lorem elementum, et hendrerit felis porttitor. Aliquam velit mi, tristique sed porttitor quis, consequat vehicula ex. Etiam suscipit feugiat turpis in dignissim. Etiam ac odio ut enim sodales egestas. Suspendisse eget mauris non elit volutpat sagittis et vulputate orci. Donec in mollis sem, at vulputate ex. Integer ac risus facilisis, aliquam ipsum ut, euismod metus. (en - Master)
FAQ Block Accordion 4 Title - Headings (en - Master)
FAQ Block Accordion 4 Title - Headings (en - Master)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum erat vel lorem elementum, et hendrerit felis porttitor. Aliquam velit mi, tristique sed porttitor quis, consequat vehicula ex. Etiam suscipit feugiat turpis in dignissim. Etiam ac odio ut enim sodales egestas. Suspendisse eget mauris non elit volutpat sagittis et vulputate orci. Donec in mollis sem, at vulputate ex. Integer ac risus facilisis, aliquam ipsum ut, euismod metus. (en - Master)
Heading 2
Heading 3
Heading 4
Normal
Accordion Component on Card - Mobile Accordion Style on
Accordion Component on Card - mobile view - More-Less Accordion
Renovation
Expert interviews
Accordion Component on Courses (Learn Upon) - mobile view - More-Less Accordion
The Courses available Layout level, block not added to the page.
On Learn Upon pages the More/Less Information accordion should appear on mobile view with same functionality as on Card.