Header Layout
A wrapper element that positions a Header and other content.
- Basic header layout - Positions a header and other content in a custom scrolling region
- Header layout within drawer - Positions a header and other content within a drawer
- Header layout within drawer with header transform effects - Positions a header and other content within a drawer and use transform effects on header elements based on scroll position
Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta delectus quo, iusto beatae perferendis, amet autem aliquam molestias iure? Tempora ad minima sequi aliquid dignissimos, aliquam fuga, adipisci sit optio voluptate reprehenderit odit cupiditate fugit beatae a cumque dolores quas omnis, numquam veniam sed. Necessitatibus ipsa voluptates aspernatur libero ratione officiis eligendi deserunt voluptate? Fuga maxime magnam deleniti voluptatibus beatae vel tempora blanditiis expedita ea veritatis alias, consectetur a nihil ullam, vero tenetur quia doloribus, enim. Esse deserunt suscipit, ullam soluta obcaecati illo incidunt dolor eius, quam modi, fugit culpa error. Repellendus adipisci id sapiente aliquam ullam rem at nobis, eos. Harum ea ipsa rem voluptas commodi! In quo, tempore repudiandae aspernatur, adipisci corporis obcaecati reprehenderit error dolorum, accusantium molestiae beatae nam. Laborum nihil eum voluptate cumque in deleniti, perferendis quisquam accusamus molestias facere delectus, ipsa molestiae quae provident iusto recusandae reiciendis eos velit non voluptatum eligendi dolorum, quas architecto repellat. Explicabo, error! Assumenda natus aliquid, iste harum magni! Accusamus recusandae culpa, quae ipsam aliquam, hic natus dicta sint optio soluta, dolores aperiam in error modi, eaque ullam esse. Quas sequi nemo ullam architecto numquam atque iste provident nisi repellat perferendis, omnis maxime possimus porro vitae. Distinctio sequi, eos ullam!
Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque eum quam reprehenderit vel nihil nam libero doloremque, maiores harum amet, voluptas doloribus sint dignissimos, molestiae dolore. Corporis fuga alias inventore possimus tempora iure voluptatibus, perspiciatis earum ea, nostrum dolorem quaerat obcaecati, et distinctio itaque, assumenda. Ut quis odit voluptatum voluptatem nulla, obcaecati quo. Laborum sit quis animi neque dolore voluptate quaerat officia blanditiis, consequuntur provident doloremque voluptatem dolorum perspiciatis odit iure eos, beatae. Illo officia repudiandae id itaque ipsam minus, incidunt culpa maxime corporis veniam eum aperiam omnis accusamus suscipit ducimus eveniet, perspiciatis inventore dicta ullam? Voluptatem natus mollitia consectetur quidem, magnam, omnis expedita nemo fugiat odio impedit a facere doloribus repellendus ut? Nisi, labore ab esse minima voluptatum necessitatibus deleniti maiores ratione eum a vel totam, obcaecati consectetur officiis nulla sunt facilis. Deleniti optio explicabo porro aliquam animi laborum iusto suscipit amet eum totam doloremque dolorem nesciunt autem, illo, ratione facilis doloribus nisi aspernatur, labore. Excepturi autem eaque maiores earum labore delectus tempora aut impedit. A cum accusantium in modi possimus labore harum magni animi commodi blanditiis distinctio nihil facere accusamus, voluptatum sunt, illum aperiam voluptas ad voluptatibus quos vero perspiciatis dolorem veritatis! Nobis sit excepturi assumenda itaque totam.
Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur iste laudantium accusantium non soluta, laboriosam culpa cumque repudiandae saepe facilis delectus laborum, vitae unde distinctio provident, fugit magnam quasi sint assumenda et est id similique. Tempora illum quisquam provident, velit doloremque incidunt maxime, quidem corporis ea, culpa rem quas deserunt dolor dolores dolorum perspiciatis optio assumenda cumque animi amet. Odit, nihil! Pariatur dolores, quis suscipit, inventore tempore provident ea ad neque voluptates ut minus fugiat porro placeat incidunt animi. Dolore quibusdam saepe dolorem ratione magni modi enim, culpa recusandae, quam itaque eveniet facilis, quisquam adipisci porro nisi ducimus. Autem architecto praesentium ducimus itaque fugit dignissimos voluptatum iusto illum, ipsa qui eum ratione vero veniam accusamus ut, hic, maiores quo corrupti. Officia tempora eos architecto voluptatem reprehenderit tenetur. Dolorem rem, quae velit veritatis corrupti assumenda unde nam aliquam quis modi dolore explicabo quas dignissimos, laborum placeat earum consequuntur voluptas necessitatibus aperiam, eveniet veniam, impedit autem libero ipsum ex. Soluta consequuntur officia quae, nulla dolores, possimus minus dolorum error, voluptatum vero animi voluptas quaerat culpa nesciunt praesentium, officiis recusandae! Quod blanditiis molestias ad, quibusdam! Amet, illum tempora quibusdam ad reprehenderit est, quae omnis suscipit? Sint tenetur nesciunt, sit est dolore natus ipsam.
Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur, ut earum non distinctio iusto perferendis quisquam nihil quia. Nam aliquam, ullam eos! Tempora, sint debitis placeat consectetur culpa quasi sit, reprehenderit, assumenda quos voluptates magnam quae quod inventore officia facilis eligendi, voluptatem qui omnis pariatur distinctio. Nisi, harum. Aspernatur quis ea itaque alias eveniet cumque deleniti hic quae accusantium tempore, veritatis veniam impedit laboriosam unde repellat molestias perferendis sapiente aliquid ipsam animi suscipit at similique, fuga. Assumenda praesentium sunt maxime est, minima, sed iusto hic soluta itaque suscipit molestias impedit, fugiat et. Dolorum voluptatibus facere magnam, similique libero, quisquam quaerat odio neque expedita delectus facilis architecto alias voluptatum eum. Illum animi iste saepe aperiam, minima rerum possimus veritatis ipsam itaque. Ab cumque tempore alias, iste sapiente dolor qui fugiat doloribus vitae voluptatibus soluta dolore ea, nesciunt, incidunt quas necessitatibus, eveniet explicabo sequi non ducimus dolorem sint. Tempore temporibus culpa harum officia esse assumenda nobis! Optio porro vel ipsam, magni ducimus magnam sapiente ullam quod blanditiis adipisci molestiae ea labore iure excepturi in, eos nemo? Perspiciatis accusantium numquam quas harum, animi vitae, consequatur eveniet amet ad atque iste, est provident distinctio ea. Fuga pariatur odio mollitia aut, placeat quibusdam vitae totam.
Heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore ab doloremque repellat similique ipsam enim unde quo placeat eum, nisi saepe necessitatibus iusto accusamus inventore alias? Odio hic dolorem molestiae nostrum a nihil magnam repellendus necessitatibus amet doloribus eligendi fugiat placeat dolor aspernatur quasi, perspiciatis in maiores saepe rem. Provident dignissimos repudiandae deserunt nemo rem exercitationem voluptatibus, itaque perspiciatis! Error doloribus quas fugiat, iusto architecto voluptate ipsam, veritatis inventore eveniet dolorum est aspernatur consequuntur quod dolor magnam possimus dolorem aliquam fuga maiores cupiditate aliquid sapiente eaque quam. Corporis, rem doloremque dolores numquam expedita quod harum, explicabo iure necessitatibus. Repudiandae, illo hic, magnam ipsa doloremque quis voluptates, itaque inventore error illum voluptatum eaque quod earum corrupti laudantium? Velit at minus excepturi placeat. Neque soluta, sapiente, dignissimos eos repellat quibusdam a nobis itaque sequi quam delectus dicta id eaque blanditiis voluptas nulla at illo molestiae. Iste soluta enim sint cum illo modi animi, incidunt quidem repudiandae fugiat, adipisci ad, pariatur corrupti. Nam repellat fugit voluptate eveniet dolores omnis. Adipisci odio quam nam consequatur temporibus perspiciatis atque natus provident facilis modi, enim pariatur quidem eveniet fugiat aspernatur molestiae assumenda, consequuntur! Eos facilis aperiam dolor, consequatur accusantium officia? Nisi quis minus, vitae soluta debitis!