# Tabs

Component design:

<figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2Fvrzo2wrfRcj58AiJgFa3%2Fimage.png?alt=media&#x26;token=96759f94-9b25-4d22-94c4-e0e168e7e991" alt=""><figcaption></figcaption></figure>

How to use a component:

```php
STM_LMS_Templates::show_lms_template(
    'components/tabs',
    array(
        'items'            => array, (required) every array's item must contain 'id' & 'title' 
        'style'            => string, (required) ('nav-md'|'nav-sm')
        'active_tab_index' => int, (required)
        'dark_mode'        => bool, (required)
    )
);
```