# Nav-button

Component design: 

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2FrfQ8wL2AOWEid3DYRg7G%2Fimage.png?alt=media&#x26;token=fd1e4347-fbc8-41f7-8cc0-3bb7c368f59e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2021837383-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDO9V_qgvV5cQdw04iz%2Fuploads%2Fu0d7dPmBDypBvnLnKLPq%2Fimage.png?alt=media&#x26;token=35bd0b5f-98b9-44cc-9758-0dedcb895f92" alt=""><figcaption></figcaption></figure>

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()
    )
)
```