<x-buttons.button id="test" class="test" href="#" role="button" type="">Отследить</x-buttons.button>

- type="button" - при добавлении становится кнопкой

- id, class, style, href, role - не обязательны

- class="loading" - кнопка с лоадером
 

 
<x-buttons.button_loading loadingSuccessText="Done your data!"dataTotalProgress="100" dataCurrentProgress="100" id="test" class="test" href="#" role="button">Отследить</x-buttons.button_loading>

- кнопка прогресс бар

* dataTotalProgress, dataCurrentProgress

- id, class, style, href, role - не обязательны

 

 
<x-buttons.button_light id="test" class="btn-link" href="#" role="button">Отследить</x-buttons.button_light>

- class="btn btn-link" - по умолчанию у кнопки

- id, href, class, style - не обязательны

- class="btn-default" - серый текст кнопки

- class="btn-main" - темный текст кнопки

- class="btn-error" - красный текст кнопки