Accordion
Documentation - components
Accordion
HTML docsPreview
Accordion item 1
Ultricies consectetur quidem quis illo quia blandit massa diamlorem venenatis minima turpis, libero soluta felis vulputate, vel erat, reprehenderit similique provident urna mollis vestibulum blanditiis! Adipisicing? Sapien consectetuer nesciunt debitis. Reiciendis adipisci irure accusamus nisl soluta sequi, vulputate accusamus exercitationem, ut error, ratione occaecati inventore amet animi, at. Occaecati nonummy, assumenda! Rhoncus rhoncus pulvinar aliquid? Eu euismod diam porta varius. Adipisci minus, explicabo doloremque! Accusantium culpa magni! Sociosqu! Sollicitudin irure maecenas tellus commodi adipisci? Possimus dui. Sequi, asperiores pede eius! Sagittis, sem totam rutrum eaque auctor pellentesque. Faucibus. Accumsan libero.
Accordion item 2
Ultricies consectetur quidem quis illo quia blandit massa diamlorem venenatis minima turpis, libero soluta felis vulputate, vel erat, reprehenderit similique provident urna mollis vestibulum blanditiis! Adipisicing? Sapien consectetuer nesciunt debitis. Reiciendis adipisci irure accusamus nisl soluta sequi, vulputate accusamus exercitationem, ut error, ratione occaecati inventore amet animi, at. Occaecati nonummy, assumenda! Rhoncus rhoncus pulvinar aliquid? Eu euismod diam porta varius. Adipisci minus, explicabo doloremque! Accusantium culpa magni! Sociosqu! Sollicitudin irure maecenas tellus commodi adipisci? Possimus dui. Sequi, asperiores pede eius! Sagittis, sem totam rutrum eaque auctor pellentesque. Faucibus. Accumsan libero.
Accordion item 3
Ultricies consectetur quidem quis illo quia blandit massa diamlorem venenatis minima turpis, libero soluta felis vulputate, vel erat, reprehenderit similique provident urna mollis vestibulum blanditiis! Adipisicing? Sapien consectetuer nesciunt debitis.
Reiciendis adipisci irure accusamus nisl soluta sequi, vulputate accusamus exercitationem, ut error, ratione occaecati inventore amet animi, at. Occaecati nonummy, assumenda! Rhoncus rhoncus pulvinar aliquid? Eu euismod diam porta varius. Adipisci minus, explicabo doloremque! Accusantium culpa magni! Sociosqu! Sollicitudin irure maecenas tellus commodi adipisci? Possimus dui. Sequi, asperiores pede eius! Sagittis, sem totam rutrum eaque auctor pellentesque. Faucibus. Accumsan libero.
Reiciendis adipisci irure accusamus nisl soluta sequi, vulputate accusamus exercitationem, ut error, ratione occaecati inventore amet animi, at. Occaecati nonummy, assumenda! Rhoncus rhoncus pulvinar aliquid? Eu euismod diam porta varius. Adipisci minus, explicabo doloremque! Accusantium culpa magni! Sociosqu! Sollicitudin irure maecenas tellus commodi adipisci? Possimus dui. Sequi, asperiores pede eius! Sagittis, sem totam rutrum eaque auctor pellentesque. Faucibus. Accumsan libero.
Admin preview
Usage
Vertical accordion container for show all the contents you want with a collapsable list.
Options
- Accordion item name Name of current item, required
- Accordion item icon Icon of current item
- Accordion item content Content of current current, required, if empty the item is ignored. You can insert here all the contents you want
- Accordion items from 1 to 10 You can add up to 8 accordion items
- Open type Default and accordion are similar and like the classic accordion, visible maintain visible all the opened items
- Opening time Opening time in ms from collapse to expand and inverse, default is 500ms
- Open tab Open the select tab automatically on page load. Insert a number from 1 to N