Styleguide Navigation

Accordion

  • 2018-08-23 Added [dmo]

Default settings: all collapsed, only one item opened

⁣​⁣​Unde modi aliquam facilis et est dolor repellendus saepe. quis ut inventore delectus quis aspernatur voluptatibus ut doloribus. praesentium amet recusandae tenetur eos nisi porro quo impedit. molestiae nam nesciunt quos tenetur et possimus. est qui consectetur molestiae eos rem hic officia rerum dolor commodi. beatae deserunt quasi explicabo delectus. fugit quae velit facere earum eligendi omnis aut sapiente ducimus eum architecto nulla id​⁣

Ipsum dolor sit amet ⁣​⁣​Expedita distinctio quisquam laboriosam. tempore deleniti odio numquam odit placeat ut nemo molestias in qui consequatur vitae animi. ipsa quia beatae dolores delectus quod et ut veritatis esse dolorum. non nobis tempora reiciendis laboriosam odit corrupti​⁣

⁣​⁣​Exercitationem qui quos in nesciunt quam necessitatibus sit vel quo debitis natus enim dicta. ipsum sit veritatis voluptatibus laboriosam quisquam sequi. quaerat non minus debitis aut minima dolorem hic quisquam. quisquam at voluptate non facere dolores quis maiores fugit repudiandae unde qui debitis officiis. qui dolores facere occaecati aut incidunt omnis eum​⁣
⁣​⁣​Ratione expedita consequuntur ut corporis dolorem vero. consequatur possimus vero at architecto. nihil consequatur vel dignissimos suscipit omnis illum dolorum. non quo et quia omnis cupiditate ut iste vel quibusdam dolor sit laudantium. et impedit veritatis in officia molestias voluptas. et sunt vitae et minus explicabo ut. vero porro labore assumenda voluptas sit veniam​⁣
⁣​⁣​Commodi earum porro qui hic ut beatae et id laboriosam. facere quis est ducimus omnis est sint sit. et omnis velit eligendi debitis omnis dolorum. ab et nobis ducimus. molestias temporibus perferendis ipsam expedita a fugiat odio consequatur quod repellat omnis odio laborum qui. itaque est quia in dolor vitae repellat in et possimus dolor soluta recusandae​⁣

first expanded, only one item opened

⁣​⁣​Amet est voluptatem nobis veniam. dolores impedit facere dolorum similique impedit temporibus sed omnis aut. et hic veritatis rerum est ut voluptas velit​⁣

Ipsum dolor sit amet ⁣​⁣​Quaerat eligendi error expedita ut nulla nobis vitae voluptas saepe aut. voluptas commodi sint ut illo ut in. perferendis dolorem alias enim. maxime quae excepturi nisi reprehenderit minima quae corporis architecto eveniet exercitationem molestiae. dolorem autem in atque occaecati impedit voluptatem eligendi placeat et laboriosam consequatur. aut enim distinctio rerum velit sit quia dignissimos provident voluptate. voluptatem voluptates mollitia repellat adipisci sit occaecati est minima quia quibusdam est​⁣

⁣​⁣​Voluptatem quidem voluptas minus. molestiae veritatis corporis accusantium nisi velit aut atque et dolorem ut aut aut autem. magnam fuga officiis molestias aspernatur omnis. inventore tenetur quibusdam nisi voluptates exercitationem nihil ad molestias iste dicta sunt architecto facilis. itaque soluta qui sit enim velit non​⁣
⁣​⁣​Dolores ut inventore id odio laudantium ullam ipsa velit natus molestiae laboriosam. odit omnis et qui cupiditate necessitatibus. aut sed et molestias dolor​⁣
⁣​⁣​Quas sapiente laborum inventore quo distinctio sint. placeat aliquam voluptatem odit maiores quia. praesentium ut est officia quia omnis eveniet ea eveniet autem. quam in est culpa et nostrum esse minima​⁣

all expanded, multiple items opened at same time

⁣​⁣​Ea qui ipsam eveniet nesciunt minus assumenda dolores ut explicabo sit unde. autem officiis illo dolorem eveniet. enim nostrum sed temporibus eveniet nihil aut nesciunt vel libero quaerat et laboriosam quasi. sint similique sapiente et non magnam incidunt modi architecto beatae​⁣

Ipsum dolor sit amet ⁣​⁣​Atque necessitatibus pariatur culpa sapiente aut deleniti tempora amet quia recusandae ipsam id. similique laudantium reprehenderit architecto nihil corrupti ut praesentium laborum qui et. consectetur nulla aut dolorem et qui accusamus aspernatur et dolorem veritatis perspiciatis. corrupti est laudantium asperiores accusantium debitis corrupti ut voluptatum maxime quibusdam ut. rem est quidem incidunt repellat quasi quod. et quia nam sint eius in qui id​⁣

⁣​⁣​Voluptas et eveniet vel voluptatem. praesentium quia impedit repellendus. beatae numquam quis ab sapiente explicabo ut necessitatibus sed. at perspiciatis et et quaerat ea ea occaecati sunt eveniet soluta id iste sunt​⁣
⁣​⁣​Nihil ut est atque et qui eaque. hic voluptatum deleniti officiis sint error quaerat tempore perferendis sed occaecati. impedit possimus necessitatibus occaecati error explicabo laudantium blanditiis magnam in molestiae amet. quidem ut non quo aut voluptatem accusantium laboriosam dolore reiciendis voluptas non. illum fuga quasi sint sit id eos rem ab neque corporis error accusamus. suscipit aliquid rerum optio quis voluptatum dolorum accusamus perspiciatis voluptas dolores​⁣
⁣​⁣​Repellendus similique eum aut numquam ut porro consequatur odit beatae et et vitae. nesciunt non natus consectetur qui rerum et soluta ut quos dignissimos. ullam perferendis blanditiis sequi molestiae reprehenderit id aspernatur. quidem quis modi sit nesciunt nihil aut dolorum rerum nihil deserunt voluptas asperiores. aliquam quaerat velit ut. aut in dicta et molestiae et non esse nisi non quis. reiciendis vel earum repellendus magnam numquam ad repellat quam quo sed​⁣

all collapsed, multiple items opened at same time

⁣​⁣​Et et fuga esse aliquam quia fugit debitis voluptatem. quae sunt cumque in eum. corporis quis aut cumque non. qui aspernatur ea quasi id vel aperiam voluptatem ea sed officiis quaerat iste vel nam. earum repellat tenetur accusamus veniam non et dolorum quaerat est facilis et odio. voluptates commodi quas optio vero sed placeat distinctio expedita quae et omnis dolor eos. ut omnis dicta cupiditate autem placeat quas tenetur blanditiis ut dolor​⁣

Ipsum dolor sit amet ⁣​⁣​Id eos ipsam ducimus. ea molestiae rem dolorum accusantium dolor laborum. quia dolorum placeat rerum earum possimus sint et doloribus sit​⁣

⁣​⁣​Dolorum ut sed sunt suscipit cupiditate placeat voluptate culpa non maiores occaecati rerum praesentium. aliquid odio unde ab laboriosam voluptatem. laudantium ut quia sed ut et pariatur ea ex. ipsam ducimus sit ipsam molestias earum aut maxime delectus maxime ullam et perferendis cum​⁣
⁣​⁣​Sunt dolorem ut et beatae facere. commodi et omnis et fugit magni est vel vero et. illo sequi ullam unde id nostrum qui sit sit quaerat. et harum quia voluptas minima quas alias eos aliquam. facere exercitationem quos quasi illo et rerum veritatis eos eum natus deleniti sint et quia​⁣
⁣​⁣​Modi modi asperiores excepturi architecto illum ut commodi officia non. vel impedit nihil recusandae et. quia quia et veritatis vel consequatur autem occaecati earum itaque deleniti eos magni odio voluptate. expedita voluptas minus assumenda aut qui rerum quibusdam sunt. quis harum aspernatur ut dignissimos cupiditate rerum non quae. error explicabo veritatis natus quibusdam necessitatibus magnam eum. et nihil ea ratione eveniet optio esse quam dolores ut rem​⁣

Variant "bold", default settings

⁣​⁣​Illum quos reiciendis inventore iusto quo similique necessitatibus aspernatur et aut non. iusto tempora nemo dolor dolores quae consequatur delectus ad quam. id et dolores veritatis. tempore eum velit quis et in esse consectetur earum et nostrum eligendi quo voluptatem. exercitationem consequatur fuga ullam vero qui et temporibus quisquam et necessitatibus magnam est quis. nisi officiis nobis voluptate. quas nobis dolorum beatae minus sit ducimus non sunt voluptatem a iusto ut​⁣

Ipsum dolor sit amet ⁣​⁣​Eos et nesciunt minus sint sapiente. qui quidem itaque consequatur. ut cupiditate quis eaque. corrupti autem est recusandae earum perspiciatis quis velit aut ipsum. quis ex veniam est earum illo aut voluptate voluptas sint voluptates at aspernatur velit doloribus. corporis est omnis facere sequi excepturi​⁣

⁣​⁣​Rerum sapiente aspernatur doloribus est praesentium aut aut ut ducimus maxime nihil ab. aut possimus beatae est doloribus. asperiores laudantium aperiam placeat alias iusto ut laborum optio. distinctio rerum exercitationem est natus praesentium optio quaerat sunt voluptatibus ipsam libero soluta hic et. fugiat quasi et aliquid explicabo expedita aliquid eos illum sed non laboriosam omnis id soluta. quaerat quod consequatur non quae​⁣
⁣​⁣​Voluptate debitis aut fugit asperiores consequatur eos voluptate commodi tempora sint laborum rerum reprehenderit. quis iste eos quos aut ducimus nulla et quia nisi. odio illum quasi sed et corporis numquam quo eligendi beatae cupiditate nihil non. consequatur nisi libero ut. consequatur nihil adipisci voluptatibus eaque​⁣
⁣​⁣​Sapiente atque quisquam et voluptatem dignissimos sint eos atque est provident. ut aut animi ut sint magni nam. quos unde quo cupiditate explicabo quisquam. vel aut reiciendis architecto voluptatem explicabo autem quam totam cupiditate vel​⁣

first expanded, only one item opened

⁣​⁣​Aliquid qui officiis nihil fugiat dolorum vel dolor natus vel aut possimus. sit in non enim mollitia ratione ipsum. qui perferendis aut natus necessitatibus quod quis deserunt sed maiores vel sint voluptas consequuntur unde. repudiandae doloribus voluptatem pariatur corrupti id. maiores aut debitis quam suscipit aut non modi quod est. sunt et eius enim in enim voluptas. ipsam est voluptas sit illum veritatis laborum porro dolores dolorem​⁣

Ipsum dolor sit amet ⁣​⁣​Ea sunt consequatur rem laboriosam earum sunt et ut dolore necessitatibus cum est modi. temporibus quaerat nostrum aliquam ad omnis qui rem. consequatur explicabo fuga voluptas atque hic hic​⁣

⁣​⁣​Voluptatem est doloremque in quasi ratione sequi quaerat dolore. maxime odio sint nihil eveniet eligendi sunt libero itaque repellendus ut laborum ducimus ab nihil. eligendi doloremque vitae et est sint sunt et ut​⁣
⁣​⁣​Sunt ipsum ut sequi rerum sit sequi animi impedit. autem nobis omnis reiciendis. sunt sit quod praesentium impedit ullam blanditiis ducimus nisi ad quia necessitatibus qui fugiat. unde non necessitatibus fugit explicabo perspiciatis accusantium dicta maiores. optio ullam asperiores doloremque dolores soluta soluta voluptate dolores sit aliquam fuga quia non​⁣
⁣​⁣​Dolor ea nobis voluptate veritatis aliquam nesciunt ut explicabo. id sit dolorem totam consectetur molestiae labore rerum voluptatibus quis corporis quo aut. enim dolor sapiente est vitae quia aperiam nobis magnam et. ab et est ea rerum. nesciunt et et ut sit quam aut suscipit non quia at deserunt in deserunt​⁣

all expanded, multiple items opened at same time

⁣​⁣​Aut tempore dolorem ullam. aliquam ea quidem architecto unde vel aperiam deleniti sint dolor atque voluptatem. fuga ea vitae nemo alias ut ea laboriosam nisi accusantium accusamus magnam sit id​⁣

Ipsum dolor sit amet ⁣​⁣​Aut possimus harum aut aperiam similique asperiores praesentium sunt dolores eius temporibus laboriosam voluptatem a. enim aut pariatur autem earum omnis voluptas dolorem voluptatem dignissimos. consequuntur in odit possimus consequatur velit nulla ut ut et. quam distinctio tempora eum voluptatem quam et aut nisi maxime illum et corporis modi placeat. cupiditate non aut ea cupiditate veritatis nostrum quo quos iure rerum id rerum omnis​⁣

⁣​⁣​Veritatis non consectetur nisi similique eum itaque quis libero minus. et exercitationem beatae doloremque accusantium dolores aspernatur. culpa quos consectetur nemo ipsa eum eius accusantium omnis nihil​⁣
⁣​⁣​Quo quia id et eveniet enim tenetur dolore officiis excepturi voluptatem cupiditate aut et amet. dolorem esse et maiores dolor in. inventore rerum aperiam doloribus voluptatum occaecati. et quaerat molestiae cum minima est quia dolores blanditiis et​⁣
⁣​⁣​Architecto et ut consequatur. rerum occaecati voluptatum est adipisci error quam. consequuntur qui voluptatem laborum quia quis. eum sit placeat inventore quam sit commodi voluptatem aut. dolorem eveniet aut voluptatem​⁣

all collapsed, multiple items opened at same time

⁣​⁣​Voluptas perspiciatis iure necessitatibus at fugit vel porro quos. doloremque itaque illum quae debitis ut ipsam aperiam repellat culpa cupiditate nisi. aut laborum autem illum molestiae eveniet doloremque nesciunt fugit officiis consequuntur esse autem. ullam ut reprehenderit architecto ipsum distinctio magni voluptas corporis. quisquam perferendis necessitatibus reprehenderit​⁣

Ipsum dolor sit amet ⁣​⁣​Incidunt corporis iste aut consequatur ullam tenetur eveniet soluta animi eveniet sunt earum. sequi rerum est delectus qui et. aut maxime ut ut repellat doloremque quae unde. sed et impedit ab dolores repudiandae. qui non quae soluta sunt saepe quo exercitationem facilis earum. at autem eos itaque quam ab enim accusamus qui omnis tenetur voluptatem ducimus​⁣

⁣​⁣​Porro similique velit recusandae quod aut sint quo voluptatem soluta suscipit tenetur architecto. sequi incidunt maxime est et fugit voluptatem quo placeat non itaque culpa consequatur voluptatem voluptas. cumque et voluptate velit est. id corporis nobis et​⁣
⁣​⁣​Deleniti in unde mollitia dolorem distinctio illum quaerat odio beatae quia quia qui ut distinctio. eveniet quod id eum voluptatem aperiam. repudiandae aut doloremque tenetur fuga sit adipisci possimus. qui ex consectetur repellat laudantium maxime. quo repellendus tenetur qui explicabo quis enim tempora libero repellat architecto molestiae voluptas autem. est quo provident enim et laboriosam. voluptatem ea qui eligendi illo quaerat​⁣
⁣​⁣​Nulla ducimus quod explicabo reiciendis aut sit nostrum voluptas. ratione harum libero debitis corrupti sed rerum eveniet at perspiciatis. quae repudiandae libero facere. autem ipsa illum inventore praesentium consequatur autem quis quisquam harum dolores reiciendis. recusandae ut repellendus ratione rem aliquam tempore optio recusandae nulla quo odit officia corrupti. officia laudantium est veniam id voluptatem ratione labore qui ex iste. quaerat quisquam at ullam et exercitationem est sit odit velit​⁣