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.
    • Lorem ipsum dolor sit amet, consectetur adipiscing.
    • Lorem
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc congue nisi vitae suscipit.
    • Lorem ipsum dolor sit

    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.
    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.
    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 viverra. Nec.
    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.
    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.
    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.
    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.
    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. 
    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.
    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.

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