Componentes relativos a botones

Vamos a ver como se usa cada uno de los componentes.

Button

<desy-button ...></desy-button>

Permite representar un botón.

<desy-button-loader ...></desy-button-loader>

Permite representar un botón que realiza una acción "pesada", mostrando diferente apariencia para los distintos estados de la acción.

<desy-dropdown ...></desy-dropdown>

Permite generar un desplegable

<desy-listbox ...></desy-listbox>

Permite generar un desplegable con una lista de opciones

<desy-pill ...></desy-pill>

Permite representar un botón de tipo pill.

<desy-toggle ... >
  <desy-toggle-onState ...></desy-toggle-onState>
  <desy-toggle-offState ...></desy-toggle-offState>
</desy-toggle>

Permite representar un botón de tipo toggle

En todos los componentes se han tenido en cuenta los siguiente parámetros de accesibilidad. Se detalla en cada componente.

Parámetro	Atributo de accesibilidad equivalente

Parámetro	Atributo de accesibilidad equivalente
role	role
ariaLabel	aria-label
ariaDescribedBy	aria-describedby
ariaLabelledBy	aria-labelledby
ariaHidden	aria-hidden
ariaDisabled	aria-disabled
ariaControls	aria-controls
ariaCurrent	aria-current
ariaLive	aria-live
ariaExpanded	aria-expanded
ariaErrorMessage	aria-errormessage
ariaHasPopup	aria-haspopup
ariaModal	aria-modal
tabindex	tabindex