圖示按鈕
用緊湊且無障礙的純圖示按鈕觸發操作。
lr-icon-button
import '@aceshooting/lyra-ui/components/lr-icon-button.js';範例
import '@aceshooting/lyra-ui/components/lr-icon-button.js';
import '@aceshooting/lyra-ui/components/lr-icon.js';
<div style="display:flex;gap:8px;align-items:center;justify-content:center">
<lr-icon-button icon="search" aria-label="Search">
</lr-icon-button>
<lr-icon-button icon="add" aria-label="Add">
</lr-icon-button>
<lr-icon-button icon="trash" aria-label="Delete">
</lr-icon-button>
<lr-icon-button icon="close" aria-label="Close" disabled>
</lr-icon-button>
</div>