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 tristique et egestas. Rum sociis natoque.
    • Lorem ipsum dolor sit
    • Lorem ipsum
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    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.
    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.
    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. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Pellentesque.
    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 sit.
    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 feugiat vivamus at. Fermentum dui.
    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.
    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.
    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. 
    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.
    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.

  • 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 feugiat vivamus at. Fermentum dui faucibus in.
    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 ornare quam.
    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.
    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.