Botón

Botón de operación básica. Cubre todas las variantes — type/size/plain/block/round/circle/loading, entre otras — y puede renderizarse como un enlace <a>.

Variantes del botón

<template>
  <div class="demo-col">
    <div class="demo-row">
      <LhButton>Botón predeterminado</LhButton>
      <LhButton type="primary">Botón principal</LhButton>
      <LhButton type="success">Éxito</LhButton>
      <LhButton type="warning">Advertencia</LhButton>
      <LhButton type="danger">Peligro</LhButton>
    </div>
    <div class="demo-row">
      <LhButton type="primary" plain>Botón plano</LhButton>
      <LhButton type="primary" round>Botón redondeado</LhButton>
      <LhButton type="primary" circle icon="lh-icon-search" />
      <LhButton type="primary" loading>Cargando</LhButton>
      <LhButton type="primary" disabled>Deshabilitado</LhButton>
    </div>
    <div class="demo-row">
      <LhButton size="small">Pequeño</LhButton>
      <LhButton size="medium">Tamaño predeterminado</LhButton>
      <LhButton size="large">Grande</LhButton>
      <LhButton type="primary" block style="max-width: 200px">Bloque (block)</LhButton>
    </div>
    <div class="demo-row">
      <LhButton icon="lh-icon-search">Botón con icono</LhButton>
      <LhButton native-type="submit" type="primary">type=submit nativo</LhButton>
      <LhButton href="https://lh-ui.lhgb.top" target="_blank">Botón enlace (href)</LhButton>
    </div>
  </div>
</template>

Props

Prop	Descripción	Tipo	Predeterminado
type	Tipo de botón	'default' \| 'primary' etc. (LH_BUTTON_TYPE_CONST)	'default'
size	Tamaño; si no se pasa, se hereda de ConfigProvider	'small' \| 'medium' \| 'large'	—
loading	Estado de carga (inhabilita el clic + spinner)	boolean	false
disabled	Deshabilitado	boolean	false
plain / block / round / circle	Modificadores de forma	boolean	false
icon	Clase del icono integrado	string	''
nativeType	type nativo	'button' \| 'submit' \| 'reset'	'button'
href / target	Si se pasa href, se renderiza como <a>	string	'' / '_self'
themeVars / bgPattern / sx	Anulaciones de tema (véase la sección de temas)	—	—

Events

Evento	Descripción	Parámetro del callback
click	No se puede hacer clic con loading/disabled	(e: MouseEvent)

Slots

Slot	Descripción
default	Texto del botón
icon	Icono personalizado (anula el <i> predeterminado)