آئیکن بٹن

صرف آئیکن آلا مختصر تے قابل رسائی بٹن جس توں کوئی عمل شروع ہوندا اے۔

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>

رہنما پڑھو (انگریزی وچ)