ปุ่มไอคอน

เรียกการทำงานด้วยปุ่มขนาดเล็กที่เข้าถึงได้และมีเพียงไอคอน

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>

อ่านคู่มือ (ภาษาอังกฤษ)