accordion
Why do we need to use Vue for an accordion element?
Technically you don't – the functionality in Pronto does not require p-accordion to be
used.
However, without JS, the height of the collapsed details element only allows for one row of summary text, and it's not possible to animate closing the details element.
Why do we need a FAQ style module?
Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac.
Is this considered a frequently asked question?
Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac.
Can this be used in more general situations?
Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac.
Why use a different color for interactions vs. navigation?
Donec mattis consequat libero at fermentum. Phasellus ultricies ultrices felis eu dapibus. Donec nec pellentesque eros. Proin cursus, felis eu sollicitudin sodales, mi tellus posuere risus, id vehicula enim nisi id risus. Praesent ultrices, eros tempor tincidunt vehicula, sem orci imperdiet ante, iaculis egestas arcu dolor pretium dui. Nullam egestas cursus diam quis ultrices. Praesent mollis ligula vel lorem gravida, at commodo nibh posuere. Maecenas id mollis metus, sit amet ultricies urna. Pellentesque congue elementum massa, a tristique sem feugiat ac.
card
Card
Quisque tristique Standard Text Link sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi.
Standard Text Link
card--condensed
Card Condensed
Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi.
-
Simple Tag
-
Simple Tag
card--flipped
Card Flipped
Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi.
Default Button
card--icon
Card Icon
Quisque tristique sagittis dignissim. Morbi vitae orci sollicitudin, viverra massa quis, eleifend velit. Aenean ac porta nisl. Ut eu bibendum nisi.
Default Buttoncard--tags
Card Tags
-
Simple Tag
-
Simple Tag
field
-inline
-reversed
list
- Ipsum voluptas cupiditate.
- Adipisicing impedit accusantium!
-
Amet laudantium nulla.
- Etiam euismod nunc id felis suscipit sodales sed in quam odio proin tempus ultricies orci, sed ultricies leo.
- Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque finibus, odio id cursus porta, neque odio imperdiet purus, at tempor lorem lacus ut massa.
- Amet laudantium nulla.
- Amet laudantium nulla.
- Ipsum voluptas cupiditate.
- Adipisicing impedit accusantium!
-
Lorem minus sit corporis ut fugit?
- Elit neque quia inventore
- Consectetur alias a eius.
- Lorem vero nam ab
- Amet laudantium nulla.
- Dolor nulla a illum veniam cumque Quod repudiandae atque tempore deleniti ut beatae culpa. Molestias distinctio sit necessitatibus tenetur aliquam fuga. Ducimus aliquam commodi eum autem atque? Fuga sequi nesciunt
- Ipsum velit delectus explicabo eum voluptatem. Debitis
- Lorem aspernatur hic eos dignissimos tempore quia!
- Adipisicing quaerat nemo
- Dolor sit optio?
- Dolor dolor dolorem.
- Amet quas aliquam
- Amet iure.
- Ipsum id sequi molestiae doloribus sequi Deserunt quos modi quos saepe voluptate eum vel esse Neque excepturi ratione id modi quo. Suscipit blanditiis officia quod saepe vero Mollitia dolorum magni.
- Adipisicing a nesciunt.
- Amet rem cumque quo asperiores saepe, saepe! Quod natus eveniet dolore ducimus at nisi beatae Iste rerum placeat id laboriosam officia. Corrupti tempora ad hic magni laudantium Cum voluptates aut
- Amet minus corrupti
- Dolor distinctio repellendus aliquid sint necessitatibus. Minus quidem tempora obcaecati provident molestias, odio. Iusto itaque magni facere quos unde Eaque qui quis voluptas nobis minima? Doloribus facere inventore natus fugit.
- Elit commodi voluptatibus.
- Dolor voluptatibus et praesentium aliquam debitis vitae. Saepe nihil enim dicta doloremque expedita. Id consequuntur modi maxime omnis delectus Cum omnis voluptatum molestias eius incidunt? Consequuntur eaque non animi dolore.
- Dolor nulla inventore.
- Ipsum ullam facilis similique labore quis Molestiae modi ratione tenetur cumque aspernatur aliquid Nemo culpa velit corrupti excepturi illum Repellendus voluptates similique fugiat dolorum rem iusto Tenetur animi voluptatibus similique!
- Amet in labore?
-
Amet eum explicabo provident pariatur magni cumque. Laborum eius ab totam exercitationem dicta. Nostrum minima sint praesentium nobis blanditiis. Fugiat commodi illo nihil reiciendis ab Voluptas in consequatur ea earum.
- Amet voluptatibus inventore
- Ipsum tenetur nemo omnis rerum modi fugiat aut, voluptas. Dolores minus sunt adipisci suscipit voluptas Tempore ullam explicabo quos facilis soluta recusandae Explicabo velit earum rem consequatur itaque exercitationem. Amet
mobileNavigation
Elit nesciunt repellat aut exercitationem minus Ea doloribus asperiores quos aliquam repellat Et dolor minima eaque nostrum dolore animi. Debitis expedita assumenda dolores tenetur recusandae Ea nesciunt totam tenetur excepturi
Lorem nisi eveniet asperiores itaque fugit nam Iusto culpa enim aspernatur dolore error Doloribus eligendi ab id consequatur ratione Maxime quae et esse corrupti magni. Totam exercitationem dolor voluptate soluta.
Adipisicing lorem beatae recusandae nisi id Facere distinctio laboriosam similique est quas. Laboriosam quam veniam impedit nostrum rem. Reiciendis praesentium totam nobis tenetur adipisci. Fuga odit corporis ducimus ipsam alias.
Consectetur dolor labore modi eaque delectus Accusamus eligendi in sequi sapiente enim Corporis laudantium inventore odit minima culpa Eum ducimus molestiae sapiente assumenda facere ex. Quaerat itaque aliquam aspernatur quo
Adipisicing nesciunt similique illum sint iure, aliquam? Ipsam fugiat labore explicabo itaque error? Nulla sequi alias ab provident vitae Commodi quasi iste omnis provident saepe Exercitationem dolorum quod magni inventore
Sit fugit a distinctio ipsa fugiat. Totam in tempore tempora laboriosam rem Facilis fugit excepturi iure eius doloribus, expedita numquam? Suscipit commodi iusto cum assumenda voluptatum, unde nihil Ab molestiae?
Elit voluptate quos velit nostrum tempora minima. Perspiciatis odit voluptatibus placeat laudantium at Corporis illo saepe ducimus explicabo alias. Quia tenetur corporis odit dicta esse laboriosam Placeat dolore velit necessitatibus?
Elit ipsam alias maxime pariatur tenetur. Culpa a aspernatur quas blanditiis culpa. Laudantium exercitationem accusantium corrupti vero rerum! Eligendi corporis eveniet eos dignissimos facilis Tempora ab cum sapiente vero placeat.
Consectetur distinctio temporibus error voluptate nisi recusandae odio quis Enim quam officia ipsam vel consequatur beatae laudantium pariatur est? Distinctio id quos ea repellendus quo Impedit nulla necessitatibus in quisquam.
Lorem optio eligendi quis architecto laboriosam Similique possimus fugit dolorum sequi atque dolores. Obcaecati corporis labore accusamus fuga voluptatem inventore laboriosam quod perspiciatis. Magni sapiente accusamus veniam harum obcaecati. Quo
tabs
Elit hic amet neque.
Lorem nesciunt nemo excepturi aliquam asperiores sit repellat. Fugit libero enim quis vero harum Suscipit doloremque repellat est rerum id non Esse explicabo harum molestias quos corrupti nobis sit Voluptates
Sit voluptas illo beatae.
Ipsum eos quidem quae exercitationem distinctio. Deleniti exercitationem corrupti nihil porro consequuntur Repudiandae ut non libero expedita nulla? Autem obcaecati fugit blanditiis autem molestiae omnis? Similique odit eius eveniet veritatis.
Consectetur odit distinctio beatae!
Ipsum eaque ipsam asperiores consequatur est libero. Incidunt distinctio non quae veniam illum Laborum est harum sapiente vel suscipit maiores? Dicta quo velit eos ab distinctio, delectus! Autem sunt aperiam!
Consectetur veniam iste consequuntur
Elit laborum deleniti illo quidem tempora! Fugiat veritatis suscipit excepturi est odit ex? Adipisci sint quidem aliquid animi velit iure cupiditate Aliquam blanditiis quos culpa voluptatum velit Nemo cupiditate cupiditate
Elit sed eligendi id!
Ipsum placeat id architecto sapiente aliquid eaque! Itaque fugit animi necessitatibus aut incidunt Et eligendi error quis molestiae delectus Ut voluptate laudantium possimus corrupti tempora, veritatis! Veritatis facilis illo adipisci.
tabs--solid
Lorem dolorem eum at
Amet eveniet ipsum aliquam modi laborum Recusandae veniam provident nesciunt in consequuntur? Pariatur facere velit enim molestiae ad laboriosam. Molestiae veniam minus repudiandae tenetur eos Eaque tempora reiciendis nihil praesentium
Adipisicing est corporis ea
Sit quia modi adipisicing eaque soluta. Ullam recusandae laborum autem ipsam modi? Ea ullam repellat sed aliquam tenetur fugit Culpa fugit dolor qui nisi fugiat quis Velit consequatur id nam!
Sit repudiandae beatae eaque
Ipsum hic libero ab unde voluptatem odio Tenetur reprehenderit sunt delectus ipsam velit. Numquam saepe vero quisquam alias dolores Totam sequi deserunt quam quidem accusamus, id nulla, nemo repellendus animi.
tabs--vertical
Amet dignissimos laboriosam aspernatur!
Elit vitae itaque repudiandae necessitatibus eligendi. Fugit quis voluptatibus explicabo fugiat consequuntur Atque distinctio quas pariatur beatae accusantium. Quo voluptatibus distinctio hic in quia. Nostrum pariatur neque libero error maxime?
Amet libero veritatis illum.
Ipsum dolorum illo laudantium modi corporis magni, amet Laborum laboriosam necessitatibus sed soluta eligendi. Odio in assumenda consequuntur temporibus dolor. Incidunt quia veniam illum inventore ipsum accusantium. Aperiam dolores itaque
Dolor cupiditate quibusdam eveniet
Consectetur odio tenetur voluptates nemo accusantium architecto, placeat. Minus incidunt a facere delectus modi? Ipsa ratione iste ab consectetur eveniet. Sapiente quisquam quaerat quod distinctio rerum explicabo Mollitia quam sequi?
testimonial
Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem!
testimonial--aside
Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem!
testimonial--featured
Suspendisse ac blandit nisi, non tempor purus. Pellentesque ornare tellus molestie quam pretium aliquet. Mauris eu est at velit cursus rutrum non sit amet turpis. Phasellus mauris est, fermentum sit amet tincidunt ultricies, egestas a ante proin et eros rutrum urna sollicitudin euismod non ut sem!