按钮
支持多种色调、尺寸和加载状态的主题化操作按钮。
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>