Кнопка

Кнопка запускает действие, а текст или иконка информирует о том, что произойдет после нажатия

<MdsButton>Кнопка</MdsButton>

<MdsButton>
  <template #icon>
    <MdsIcon name="info" />
  </template>
</MdsButton>

<MdsButton>
  <template #icon>
    <MdsIcon name="chevron-down" />
  </template>
  Кнопка с иконкой
</MdsButton>

<MdsButton>
  <template #icon>
    <MdsIcon name="info" />
  </template>
  <template #badge>
    <MdsBadge :count="53" />
  </template>
</MdsButton>