ਆਈਕਨ ਬਟਨ

ਸਿਰਫ਼ ਆਈਕਨ ਵਾਲੇ ਛੋਟੇ, ਪਹੁੰਚਯੋਗ ਬਟਨ ਨਾਲ ਕਾਰਵਾਈ ਚਲਾਉਂਦਾ ਹੈ।

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>

ਗਾਈਡ ਪੜ੍ਹੋ (ਅੰਗਰੇਜ਼ੀ ਵਿੱਚ)