Docs

Tabs

Tabs Vertical located here

  • Tabs - with generic content

    Lorem content. Prose content: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut.
    • Lorem
    • Lorem
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Lorem ipsum dolor sit amet, consectetur adipiscing.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas.
    Ipsum content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus.
    Dolor content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis.
    Sit Amet content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in ornare quam. Nisi scelerisque eu ultrices vitae auctor eu augue. Lorem ipsum dolor sit amet consectetur. Semper viverra nam libero justo laoreet.
    Consectetur content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis.
    Adipiscing Elit content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in ornare.
    Sed Do content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in ornare quam. Nisi scelerisque eu ultrices vitae auctor eu augue. Lorem ipsum dolor sit.
    Eiusmod Tempor content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant.
    Incididunt Ut Labore content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum. 
    get_atomic('@molecules/tabs', null ,[
    'tabs_items' => [
        ['label' => 'Lorem', 'slug' => '...', 'content' => '...', 'active' => 'true'],
        ['label' => 'Ipsum', 'slug' => '...', 'content' => '...'],
        ['label' => 'Dolor', 'slug' => '...', 'content' => '...'],
    ],
    'body' => '...',
    'tab_content_classes' => 'py-6',
    'tabs_style' => 'default'
]);

  • Tabs - with Leadership content

    Bon Secours content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in ornare quam. Nisi scelerisque eu ultrices vitae auctor eu augue. Lorem ipsum dolor sit amet consectetur. Semper viverra nam libero justo laoreet sit amet cursus. Imperdiet dui accumsan sit amet nulla. Ornare suspendisse sed nisi lacus sed viverra. Nec sagittis aliquam malesuada bibendum. Convallis convallis tellus id interdum velit. Tortor aliquam nulla facilisi cras fermentum. Vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur. Placerat duis ultricies lacus sed turpis tincidunt. Fames ac turpis egestas maecenas. Magna sit amet purus gravida quis blandit. Diam volutpat commodo sed egestas. Etiam dignissim diam quis enim. Vulputate enim nulla aliquet porttitor lacus. Quis lectus nulla at volutpat diam ut. Leo urna molestie at elementum eu facilisis sed. Sed sed risus pretium quam vulputate dignissim. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi. Nibh sed pulvinar proin gravida. Pharetra massa massa ultricies mi quis hendrerit dolor magna eget. Lectus urna duis convallis convallis tellus id interdum. Pellentesque dignissim.
    Good Samaritan content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in ornare quam. Nisi scelerisque eu ultrices vitae auctor eu augue. Lorem ipsum dolor sit amet consectetur. Semper viverra nam libero justo laoreet sit amet cursus. Imperdiet dui accumsan sit amet nulla. Ornare suspendisse sed nisi lacus sed viverra. Nec sagittis aliquam malesuada bibendum. Convallis convallis tellus id interdum velit. Tortor aliquam nulla facilisi cras fermentum. Vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur. Placerat duis ultricies lacus sed turpis tincidunt. Fames ac turpis egestas maecenas. Magna sit amet purus gravida quis blandit. Diam volutpat commodo sed egestas. Etiam dignissim diam quis enim. Vulputate enim nulla aliquet porttitor lacus. Quis lectus nulla at volutpat diam ut. Leo urna molestie at elementum eu facilisis sed. Sed sed risus pretium quam vulputate dignissim. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi. Nibh sed pulvinar proin gravida. Pharetra massa massa ultricies mi quis hendrerit dolor magna eget. Lectus urna duis convallis convallis tellus id interdum. Pellentesque dignissim enim sit.

  • Tabs - Compact

    Placeholder image

    Tab One Ham

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis.
    Placeholder image

    Tab Two Burger

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in.
    Placeholder image

    Tab Three With

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in.
    Placeholder image

    Tab Four Cheese

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit. Felis bibendum ut tristique et egestas. Rum sociis natoque penatibus et magnis. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque habitant morbi tristique senectus et netus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Fermentum dui faucibus in ornare quam.