<${Button} label="Save changes" loading="${saving}" onclick="${save}" />
<${Button} variant="outlined" label="Preview" onclick="${() => (status.value = 'Preview opened')}" />
<${Button} variant="text" color="error" label="Discard" onclick="${() => (status.value = 'Draft discarded')}" />
<${Button} color="success" size="small" label="Publish" disabled />
${status}
`;
};
```
## Installation
```bash
npm install @lemonadejs/button
```
```js
import Button from '@lemonadejs/button';
import '@lemonadejs/button/style.css';
```
The icons come from Google Material Symbols. Load the font once per page:
```html