Navs

Documentation and examples on navigation components.


Home

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.

Profile

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.

Contact

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.

Pills

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa dolores nostrum dicta sit labore iure distinctio nulla natus, est ab officia tenetur omnis explicabo perferendis architecto aperiam impedit, numquam. Similique.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat iste repudiandae aliquam vitae libero in blanditiis numquam praesentium, neque maiores quae ipsum architecto porro totam, voluptas voluptatem nisi deserunt laborum?

Alignment

Align your navs using flexbox utilities.


Center

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa dolores nostrum dicta sit labore iure distinctio nulla natus, est ab officia tenetur omnis explicabo perferendis architecto aperiam impedit, numquam. Similique.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat iste repudiandae aliquam vitae libero in blanditiis numquam praesentium, neque maiores quae ipsum architecto porro totam, voluptas voluptatem nisi deserunt laborum?

End

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa dolores nostrum dicta sit labore iure distinctio nulla natus, est ab officia tenetur omnis explicabo perferendis architecto aperiam impedit, numquam. Similique.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat iste repudiandae aliquam vitae libero in blanditiis numquam praesentium, neque maiores quae ipsum architecto porro totam, voluptas voluptatem nisi deserunt laborum?

Vertical

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa dolores nostrum dicta sit labore iure distinctio nulla natus, est ab officia tenetur omnis explicabo perferendis architecto aperiam impedit, numquam. Similique.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat iste repudiandae aliquam vitae libero in blanditiis numquam praesentium, neque maiores quae ipsum architecto porro totam, voluptas voluptatem nisi deserunt laborum?

Dropdowns

Dropdown menus can be added directly in the .nav-link.


Nav tabs dropdown

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa dolores nostrum dicta sit labore iure distinctio nulla natus, est ab officia tenetur omnis explicabo perferendis architecto aperiam impedit, numquam. Similique.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat iste repudiandae aliquam vitae libero in blanditiis numquam praesentium, neque maiores quae ipsum architecto porro totam, voluptas voluptatem nisi deserunt laborum?

Nav pills dropdown

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa dolores nostrum dicta sit labore iure distinctio nulla natus, est ab officia tenetur omnis explicabo perferendis architecto aperiam impedit, numquam. Similique.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium similique consequuntur, vero possimus, praesentium itaque reiciendis beatae! Cupiditate qui facere dignissimos, ducimus, sapiente ipsum recusandae, molestiae nobis architecto, natus accusantium.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat iste repudiandae aliquam vitae libero in blanditiis numquam praesentium, neque maiores quae ipsum architecto porro totam, voluptas voluptatem nisi deserunt laborum?