# Nav-button

Component design:&#x20;

<div align="left"><figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2F21Aa3rJocrqnDieKMdXt%2Fnav-button.png?alt=media&#x26;token=a5498c9d-3802-4555-83f3-927206dd195c" alt="" width="507"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://691205473-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTL6WUldKvxQaP8jzz%2Fuploads%2FPZIBIHkegzGxOnF1fJU8%2Fimage.png?alt=media&#x26;token=5eb080a1-7849-4452-b9ec-ac07b886414a" alt=""><figcaption></figcaption></figure></div>

How to use a component:

```php
STM_LMS_Templates::show_lms_template(
    'components/nav-button',
    array(
        'id'        => string|int
        'title'     => string, (required)
        'type'      => string, (required) ('prev'|'next')
        'link'      => string, (required)
        'style'     => string, (required) ('primary'|'secondary')
        'dark_mode' => bool, (required)
        'data'      => array, (required) some data if you needed or empty array()
    )
);
```
