Düğme
Ton seçenekleri, boyutlar ve yükleniyor durumu sunan, tasarım belirteçleriyle özelleştirilebilir eylem düğmesi.
lr-button
import '@aceshooting/lyra-ui/components/lr-button.js';Örnek
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>