Button
A flexible button component suitable for various common tasks. It can act as a standard button which emits a click event, as a link to another page, as a trigger for an async action, and has the ability to confirm with the user before performing an action.
<script>
import { Button } from '@thetinkerinc/colibri';

import style from './style.js';

function handleClick() {
	alert('clicked');
}
</script>

<Button {style} on:click={handleClick}>Click me</Button>
Props
type:
disabled:
loading:
rounded:
href:
external:
style:
Object
Slots
default:
confirm:
Events
on:click
on:disabledClick
Styling
borderRadius:
primaryFontColor:
secondaryFontColor:
//style.js
export default style = {};