Pulsante

Pulsante d'azione basato su token, con varianti di tono, dimensioni e uno stato di caricamento.

lr-button

import '@aceshooting/lyra-ui/components/lr-button.js';

Esempio

import '@aceshooting/lyra-ui/components/lr-button.js';

<div style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;">
<lr-button variant="brand" appearance="accent" style="--lr-button-width:auto;">Save</lr-button>
<lr-button variant="success" appearance="outlined" style="--lr-button-width:auto;">Approve</lr-button>
<lr-button variant="danger" appearance="plain" style="--lr-button-width:auto;">Delete</lr-button>
</div>

Leggi la guida (in inglese)