按鈕
支援多種色調、尺寸和載入狀態的主題化操作按鈕。
lr-button
import '@aceshooting/lyra-ui/components/lr-button.js';範例
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>