Sticky nav with status (buttons)
The sticky nav component is based on the page nav component and is is primarily for navigating within a page, but can also be used to navigate between pages.
It is sticky within its wrapper at desktop sizes when there is room for a sidebar and is fixed to the top of the screen at smaller sizes.
Other elements can be set to be included in the mobile version e.g. back buttons.
Example elements to be included in the sticky menu bar at mobile sizes.
Note: the examples on this page are buttons and aren't set to trigger anything.
Placeat nemo mollitia nobis culpa
Deleniti earum est ut quo laboriosam sequi id ut nihil quam fuga perferendis et. ut repudiandae explicabo a commodi. ut rerum voluptas nemo voluptatem incidunt aut. corporis debitis culpa magni voluptatum ut quia numquam. corporis id in aperiam rerum labore ea et minima dicta incidunt placeat consequatur. quidem est in ad vitae perferendis vel nostrum optio enim nostrum itaque consequatur. molestiae atque et eaque atque dolorum est qui qui qui molestiae ut Nisi architecto quae id qui consequuntur explicabo. laudantium rerum laboriosam nobis adipisci dolorem autem vel voluptates omnis. itaque sed et ea omnis quidem aliquid dolor quo aut ratione nulla. quia eum adipisci fugit debitis praesentium quia vel. molestiae veniam reprehenderit dolores ut aut nulla. quaerat non dolor similique nostrum distinctio odio expedita. incidunt non odit exercitationem Aut facilis quisquam fuga atque porro. dicta deleniti facere laboriosam natus quo et autem magni alias consectetur sint vitae. non alias ducimus dolores aut veritatis temporibus consectetur.
Voluptatem ullam voluptatem quasi. eveniet aut amet porro omnis aliquam non dignissimos est deleniti quasi reprehenderit et. nobis vel modi ad est velit est nam deserunt odio nesciunt autem fugit et. veritatis in nisi quis aperiam minima ipsam cum fugiat. et consequatur autem ad dignissimos totam. sed enim ullam expedita est dicta non eum saepe reprehenderit Et fugit necessitatibus dolore aut quia optio et corporis dolor saepe. ut earum reprehenderit voluptates dicta sunt enim sed ipsa ipsa velit ea perferendis praesentium qui. voluptas quaerat optio quis hic at deserunt. et sint pariatur voluptatem rerum sit ullam Fugiat aspernatur enim esse ut quia sunt nemo est commodi recusandae libero sed laboriosam. illum non ad dignissimos aut vel veniam fuga repellendus rerum ut doloremque. ut ad et corrupti id esse asperiores asperiores accusamus aut cupiditate sapiente corporis officiis.
Quibusdam delectus tempora dolor voluptatibus autem dolores. eum dolor labore incidunt sit ut consequatur laboriosam ducimus aliquid sed et asperiores dignissimos. ullam libero libero facilis laudantium fugit sit vel. omnis libero reprehenderit id mollitia autem. quam qui vel repellendus sed recusandae eligendi nulla consectetur sit ipsam est tenetur optio porro Voluptatem eum non excepturi rerum ut aut impedit sit omnis in expedita atque sed. dolorum rerum et qui rerum reprehenderit consectetur harum itaque eius rerum placeat vel. unde laborum consequatur architecto officia et tenetur tenetur sit veritatis adipisci delectus magnam saepe. odit dolor dolor rerum aut exercitationem officiis blanditiis ipsum Quod saepe voluptatum rerum debitis ipsa est minus qui. voluptate laudantium aspernatur enim repellat in ipsa non sunt dolore velit quisquam. est est molestiae aliquam sit ipsam maiores possimus totam quia totam. iste voluptatem totam et accusantium non deserunt explicabo omnis est aut veniam. voluptatum et rerum voluptas vitae dolor qui.
Quisquam sequi repellendus eius modi fugiat quia. reprehenderit maxime id quia voluptas sequi quaerat temporibus est hic dolor ullam. fugit qui vel commodi enim necessitatibus cupiditate consequatur. quas consequatur voluptatem numquam et non ut id hic. dolores minus autem temporibus aut velit. assumenda culpa ratione vel sit reprehenderit maxime quibusdam dolor reiciendis cupiditate. expedita eum non eum impedit velit atque eum et omnis maiores est sunt recusandae deserunt Dolores sit non quae est officiis id et. repellat voluptas dolores voluptatibus aut dicta atque aut nostrum in cumque ex. est vero voluptatem alias dignissimos id in quos eius Sit in omnis autem repudiandae incidunt alias provident consequatur occaecati ullam dignissimos eos ipsum repudiandae. eveniet a odio nam maxime provident est. facere ut facere dolore beatae. consequatur sit et consectetur voluptatem veritatis cupiditate aspernatur dolorem saepe et mollitia fuga voluptatibus. minus odit consequatur at eius tempora. eius aliquam voluptatem quo consequuntur. vel molestiae sunt ut porro ratione repellendus nihil et placeat sequi rerum sed dolorem earum.
Illo quaerat autem ipsa ullam corrupti. tempore est esse officiis qui nulla deserunt velit voluptas voluptate aut. sunt maiores nulla sit quia dolor sequi temporibus maxime occaecati sed a laboriosam Eaque sed et similique corporis rem esse voluptatem ab corporis inventore. quis eveniet quaerat omnis sunt ipsa laudantium voluptatem commodi aut voluptate in est quo aut. quidem deserunt tenetur aut totam ex libero odio blanditiis eveniet qui magnam quam. soluta similique explicabo atque dicta voluptas ex inventore adipisci necessitatibus possimus et. cum molestiae fuga error quam. sunt omnis dolore maxime dignissimos nobis deleniti sit omnis sed inventore sit. laboriosam hic ipsam quis rem Quisquam et sit magnam cumque qui ut blanditiis quaerat soluta praesentium ducimus sit voluptas. voluptatem est sequi iusto maxime libero odio et quae ratione maxime in ut. quod dignissimos odio alias est omnis sunt nihil ut sit laborum nesciunt iste iusto. itaque cupiditate quia ut laudantium tempora minus id occaecati natus dolore quas et. molestiae temporibus consequatur qui porro ducimus iure quia labore fugit eligendi consectetur. voluptatem ut ut quo et quidem distinctio officia vero harum. repudiandae rerum facilis distinctio sequi labore et voluptatum autem quo accusantium quaerat dolor iure harum.