Navs and Tabs
Examples for how to use included navigation component variants
Tabs
Lorem ipsum dolor sit consectetur adipiscing elit, do eiusmod temp or incididunt ut et dolore magna qua. Utenim ad minim veniam, quisnos exercitation consequat. Duis aute irure dolor in reprehenderit.
Nec tincidunt praesent semper feugiat pulvinar proin gravida. Ultrices dui sapien eget mi. Urna neque viverra justo nec ultrices dui. Consectetur purus et ucibus pulvinar elementum integer enim ipsum vitae aliquet nec.
Elit pellentesque habitant morbi tris tique senectus netuset tinid. Unta pulvinar sapien et ligula ullamper. Ultrices sagittis orci a scelerisque purus semper eget. Pulvinar neque laoreet suspendisse interdum consectetur libero.
Pills with Icon
Lorem ipsum dolor sit consectetur adipiscing elit, do eiusmod temp or incididunt ut et dolore magna qua. Utenim ad minim veniam, quisnos exercitation consequat. Duis aute irure dolor in reprehenderit.
Nec tincidunt praesent semper feugiat pulvinar proin gravida. Ultrices dui sapien eget mi. Urna neque viverra justo nec ultrices dui. Consectetur purus et ucibus pulvinar elementum integer enim ipsum vitae aliquet nec.
Elit pellentesque habitant morbi tris tique senectus netuset tinid. Unta pulvinar sapien et ligula ullamper. Ultrices sagittis orci a scelerisque purus semper eget. Pulvinar neque laoreet suspendisse interdum consectetur libero.
Tabs Icon
Lorem ipsum dolor sit consectetur adipiscing elit, do eiusmod temp or incididunt ut et dolore magna qua. Utenim ad minim veniam, quisnos exercitation consequat. Duis aute irure dolor in reprehenderit.
Nec tincidunt praesent semper feugiat pulvinar proin gravida. Ultrices dui sapien eget mi. Urna neque viverra justo nec ultrices dui. Consectetur purus et ucibus pulvinar elementum integer enim ipsum vitae aliquet nec.
Elit pellentesque habitant morbi tris tique senectus netuset tinid. Unta pulvinar sapien et ligula ullamper. Ultrices sagittis orci a scelerisque purus semper eget. Pulvinar neque laoreet suspendisse interdum consectetur libero.
Pills
Lorem ipsum dolor sit consectetur adipiscing elit, do eiusmod temp or incididunt ut et dolore magna qua. Utenim ad minim veniam, quisnos exercitation consequat. Duis aute irure dolor in reprehenderit.
Nec tincidunt praesent semper feugiat pulvinar proin gravida. Ultrices dui sapien eget mi. Urna neque viverra justo nec ultrices dui. Consectetur purus et ucibus pulvinar elementum integer enim ipsum vitae aliquet nec.
Elit pellentesque habitant morbi tris tique senectus netuset tinid. Unta pulvinar sapien et ligula ullamper. Ultrices sagittis orci a scelerisque purus semper eget. Pulvinar neque laoreet suspendisse interdum consectetur libero.
Enim ut sem viverra aliquet eget sit amet. Eget eget nunc aictum non consect etur a erat nam at lectus. Bibendum ut tristique et egestas. Id porta nibh venenatis cras sed felis. Libero laor eet sit amet cursus kit amet.
Vertical Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
Nec tincidunt praesent semper feugiat pulvinar proin gravida. Ultrices dui sapien eget mi. Urna neque viverra justo nec ultrices dui. Consectetur purus et ucibus pulvinar elementum integer enim ipsum vitae aliquet nec.
Elit pellentesque habitant morbi tris tique senectus netuset tinid. Unta pulvinar sapien et ligula ullamper. Ultrices sagittis orci a scelerisque purus semper eget. Pulvinar neque laoreet suspendisse interdum consectetur libero.
Enim ut sem viverra aliquet eget sit amet. Eget eget nunc aictum non consect etur a erat nam at lectus. Bibendum ut tristique et egestas. Id porta veniam venenatis cra se felis. Libero laor eet sit ametkit consect amet.
Vertical Pills
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
Nec tincidunt praesent semper feugiat pulvinar proin gravida. Ultrices dui sapien eget mi. Urna neque viverra justo nec ultrices dui. Consectetur purus et ucibus pulvinar elementum integer enim ipsum vitae aliquet nec.
Elit pellentesque habitant morbi tris tique senectus netuset tinid. Unta pulvinar sapien et ligula ullamper. Ultrices sagittis orci a scelerisque purus semper eget. Pulvinar neque laoreet suspendisse interdum consectetur libero.
Enim ut sem viverra aliquet eget sit amet. Eget eget nunc aictum non consect etur a erat nam at lectus. Bibendum ut tristique et egestas. Id porta veniam venenatis cra se felis. Libero laor eet sit ametkit consect amet.