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.
    • Lorem
    • Lorem
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae.
    • 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 bibendum ut tristique et egestas. Rum sociis natoque penatibus et.
    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. Pellentesque elit ullamcorper dignissim.
    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.
    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 amet cursus. Imperdiet dui accumsan sit amet nulla. Ornare suspendisse sed nisi lacus sed.
    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.
    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.
    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 amet.
    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.
    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. 
    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.
    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 amet venenatis urna cursus eget. Suspendisse in est ante in nibh mauris cursus mattis molestie. Nunc aliquet bibendum enim facilisis gravida neque convallis a. Pharetra sit amet aliquam.

  • 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 ornare.
    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.
    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 ornare.
    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.