버튼
톤 변형, 크기 및 로딩 상태를 갖춘 토큰화된 액션 버튼.
lr-button
import '@aceshooting/lyra-ui/components/lr-button.js';예제
import '@aceshooting/lyra-ui/components/lr-button.js';
<div style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;">
<lr-button variant="brand" appearance="accent" style="--lr-button-width:auto;">Save</lr-button>
<lr-button variant="success" appearance="outlined" style="--lr-button-width:auto;">Approve</lr-button>
<lr-button variant="danger" appearance="plain" style="--lr-button-width:auto;">Delete</lr-button>
</div>