Кнопка

Базовая кнопка действия. Покрыты все варианты type/size/plain/block/round/circle/loading; также может рендериться как ссылка <a>.

Варианты кнопки

<template>
  <div class="demo-col">
    <div class="demo-row">
      <LhButton>По умолчанию</LhButton>
      <LhButton type="primary">Основная</LhButton>
      <LhButton type="success">Успех</LhButton>
      <LhButton type="warning">Предупреждение</LhButton>
      <LhButton type="danger">Опасность</LhButton>
    </div>
    <div class="demo-row">
      <LhButton type="primary" plain>Плоская</LhButton>
      <LhButton type="primary" round>Скруглённая</LhButton>
      <LhButton type="primary" circle icon="lh-icon-search" />
      <LhButton type="primary" loading>Загрузка</LhButton>
      <LhButton type="primary" disabled>Отключена</LhButton>
    </div>
    <div class="demo-row">
      <LhButton size="small">Малый</LhButton>
      <LhButton size="medium">По умолчанию</LhButton>
      <LhButton size="large">Большой</LhButton>
      <LhButton type="primary" block style="max-width: 200px">Блочная (block)</LhButton>
    </div>
    <div class="demo-row">
      <LhButton icon="lh-icon-search">Кнопка со значком</LhButton>
      <LhButton native-type="submit" type="primary">Нативный type=submit</LhButton>
      <LhButton href="https://lh-ui.lhgb.top" target="_blank">Кнопка-ссылка (href)</LhButton>
    </div>
  </div>
</template>

Props

Проп	Описание	Тип	По умолчанию
type	Тип кнопки	'default' \| 'primary' и др. (LH_BUTTON_TYPE_CONST)	'default'
size	Размер; если не передан — наследуется от ConfigProvider	'small' \| 'medium' \| 'large'	—
loading	Состояние загрузки (блокировка клика + spinner)	boolean	false
disabled	Отключена	boolean	false
plain / block / round / circle	Модификаторы формы	boolean	false
icon	Имя класса встроенного значка	string	''
nativeType	Нативный type	'button' \| 'submit' \| 'reset'	'button'
href / target	При передаче href рендерится как <a>	string	'' / '_self'
themeVars / bgPattern / sx	Переопределение темы (см. раздел про тему)	—	—

Events

Событие	Описание	Параметр колбэка
click	При loading/disabled клик невозможен	(e: MouseEvent)

Slots

Слот	Описание
default	Текст кнопки
icon	Пользовательский значок (перекрывает стандартный <i>)