Ikonknapp

Utför en åtgärd med en kompakt, tillgänglig knapp som bara visar en ikon.

lr-icon-button

import '@aceshooting/lyra-ui/components/lr-icon-button.js';

Exempel

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>

Läs guiden (på engelska)