Docs

Tabs Vertical

Tabs Default located here

  • Our Medical Centers

    Lorem

    Lorem 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.
    • Lorem ipsum dolor
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.
    • Lorem ipsum

    Ipsum

    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.
    • Lorem ipsum dolor
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.
    • Lorem ipsum

    Dolor

    Dolor content. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc.
    • Lorem ipsum dolor
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.
    • Lorem ipsum

    Sit Amet

    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.
    • Lorem ipsum dolor
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.
    • Lorem ipsum
    get_atomic('@organisms/tabs-vertical', null ,[
    'tabs_title' => 'Test title',
    'tabs_items' => [
        ['label' => 'Lorem', 'sub_label' => '...', 'slug' => '...', 'content' => '...', 'active' => 'true'],
        ['label' => 'Ipsum', 'sub_label' => '...', 'slug' => '...', 'content' => '...'],
        ['label' => 'Dolor', 'sub_label' => '...', 'slug' => '...', 'content' => '...'],
    ],
    'body' => '...',
    'tab_content_classes' => 'py-6',
    'tabs_style' => 'vertical',
    'extra_classes' => 'grid grid-cols-12 gap-10'
]);