Riode Accordion

Riode Accordion is the perfect element to show a lot of information as several groups
in a small area. Enjoy the Accordion Element.

Lorem ipsum porttitor rhoncus dolor purus. Luctus venenatis lectus semper bibendum ut tristique. Ac tincidunt vitae semper quis lectus. Etiam non quam la suspend risti. Diam maecenas ultricies mi eget mauris. Nibh tellus molestie nunc non isse faucibus interdum turpis massa tinci posuere lorem ipsum. Sed velit dignissim sodales ut anunc non Ultrices eros in cursus turpis massa tincidunt.
pharetra magna ac placerat vesti bulum lea volu tincidunt vitae semper quis lectus. Vestibulum mattis ullamcorper velit sed arcu cursus vitae congue mauris. Sagittis id consectetur purus ut.

2 More Design Presets

We provide 2 more designed accordion presets except default type to give you
chance to choose your favourite from prebuilt types.

Lorem ipsum porttitor rhoncus dolor purus. Luctus venenatis lectus semper bibendum ut tristique. Ac tincidunt vitae semper quis lectus. Etiam non quam la suspend risti. Diam maecenas ultricies mi eget mauris. Nibh tellus molestie nunc non isse faucibus interdum turpis massa.

Lorem ipsum porttitor rhoncus dolor purus. Luctus venenatis lectus semper bibendum ut tristique. Ac tincidunt vitae semper quis lectus. Etiam non quam la suspend risti. Diam maecenas ultricies mi eget mauris. Nibh tellus molestie nunc non isse faucibus interdum turpis massa.

Content Focused Element

Riode accordion is an outstanding item for content focused elements. Any elements
like text, image, button can be inserted to accordion content.

Customize Settings

Riode accordion element has huge extensibility with rich style options. Nothing is impossible
to implement your own design with our element.

Combine Settings
To make a better one

Design your own accordion type with imagination and make it with our accordion element.

Element Image
Element Image
Element Image

Nav With Icons

Icons are good choice to make people understand more correctly and definitely.
Furthermore, they even make your site beautifully and fascinating.

Lorem ipsum porttitor rhoncus dolor purus. Luctus venenatis lectus semper bibendum ut tristique. Ac tincidunt vitae semper quis lectus. Etiam non quam la suspend risti. Diam maecenas ultricies mi eget mauris. Nibh tellus molestie nunc non isse faucibus interdum turpis massa tinci posuere lorem ipsum. Sed velit dignissim sodales ut anunc non Ultrices eros in cursus turpis massa tincidunt.
pharetra magna ac placerat vesti bulum lea volu tincidunt vitae semper quis lectus. Vestibulum mattis ullamcorper velit sed arcu cursus vitae congue mauris. Sagittis id consectetur purus ut.

Element Options Glossary

Here comes list of all options from our element with explanation in detail. This could probably
help you to find out what each option is for.

  • Accordion Type – Choose the design style for accordion. Choose from Default, Shadow, Stacked.
  • Card Space – Set the space between each card items.
  • Card Background – Set background color of card including card header and card body.
  • Card Box Shadow – Set box shadow of entire accordion.
  • Toggle Icon – Choose inactive(closed) toggle icon of card header.
  • Active Toggle Icon – Choose active(opened) toggle icon of card header.
  • Toggle Icon Size – Set size of card header toggle icon.
  • Card Header Typography – Set typography of card headers.
  • Card Header Colors – Set text color, background color and border color of normal and active card headers.
  • Card Header Padding – Set padding of card headers.
  • Card Body Padding – Set padding of card body content.
  • Card Title – Set header title of each card items.
  • Prefix Icon – Choose different prefix icon of each card headers.
  • Prefix Icon Size – Set font size of prefix icons of card headers.
  • Prefix Icon Space – Set spacing between prefix icon and card header title.