Tabs
Basic Tab
Example of basic tabs.
Profile Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Dashboard Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Settings Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Contact Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Tab With Icon
Example of tabs with icon.
Profile Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Dashboard Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Settings Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Settings Content
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, a saepe voluptatem porro necessitatibus animi ex voluptates omnis voluptatibus repudiandae labore debitis optio enim aspernatur consectetur cum exercitationem ipsum repellendus.
Tab With Badge
Example of tabs with badge indicator.
Profile Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Dashboard Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Settings Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Contact Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Pill Tabs
Example of tabs with pill style.
Profile Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Dashboard Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Settings Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Contacts Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Vertical Tabs
Example of vertical tabs.
Profile Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Dashboard Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Settings Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Contacts Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Vertical Tabs With Icon
Example of vertical tabs with icon.
Profile Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Dashboard Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Settings Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Contacts Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Disabled Tab
Example of disabled tab.
Profile Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Dashboard Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Settings Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.
Contacts Content
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eveniet tenetur, laboriosam voluptatem vero, ratione sint neque atque distinctio fugit excepturi assumenda perferendis aperiam architecto quam adipisci dolore ea quod tempore.