Bouton

Bouton d'action de base. Toutes les formes type/size/plain/block/round/circle/loading sont disponibles, avec possibilité de rendu sous forme de lien <a>.

Formes de bouton

<template>
  <div class="demo-col">
    <div class="demo-row">
      <LhButton>Bouton par défaut</LhButton>
      <LhButton type="primary">Bouton principal</LhButton>
      <LhButton type="success">Succès</LhButton>
      <LhButton type="warning">Avertissement</LhButton>
      <LhButton type="danger">Danger</LhButton>
    </div>
    <div class="demo-row">
      <LhButton type="primary" plain>Bouton sobre (plain)</LhButton>
      <LhButton type="primary" round>Bouton arrondi</LhButton>
      <LhButton type="primary" circle icon="lh-icon-search" />
      <LhButton type="primary" loading>Chargement</LhButton>
      <LhButton type="primary" disabled>Désactivé</LhButton>
    </div>
    <div class="demo-row">
      <LhButton size="small">Petit</LhButton>
      <LhButton size="medium">Taille par défaut</LhButton>
      <LhButton size="large">Grand</LhButton>
      <LhButton type="primary" block style="max-width: 200px">Bloc (block)</LhButton>
    </div>
    <div class="demo-row">
      <LhButton icon="lh-icon-search">Bouton à icône</LhButton>
      <LhButton native-type="submit" type="primary">Type natif type=submit</LhButton>
      <LhButton href="https://lh-ui.lhgb.top" target="_blank">Bouton lien (href)</LhButton>
    </div>
  </div>
</template>

Props

Prop	Description	Type	Valeur par défaut
type	Type de bouton	'default' \| 'primary' etc. (LH_BUTTON_TYPE_CONST)	'default'
size	Taille ; en l'absence de valeur, héritée de ConfigProvider	'small' \| 'medium' \| 'large'	—
loading	État de chargement (clic désactivé + spinner)	boolean	false
disabled	Désactivé	boolean	false
plain / block / round / circle	Modificateurs de forme	boolean	false
icon	Classe de l'icône intégrée	string	''
nativeType	Type natif	'button' \| 'submit' \| 'reset'	'button'
href / target	Lorsque href est fourni, rendu sous forme de <a>	string	'' / '_self'
themeVars / bgPattern / sx	Remplacement du thème (voir la section Thème)	—	—

Events

Événement	Description	Paramètre de rappel
click	Non cliquable en cas de loading/disabled	(e: MouseEvent)

Slots

Slot	Description
default	Texte du bouton
icon	Icône personnalisée (remplace le <i> par défaut)