<Button
on:click={(e) => onClick(e)}
>Button</Button>
<Button
on:click={onClick}
type="primary"
>Button</Button>
<Button
on:click={onClick}
type="black"
>Button</Button>
<Button
on:click={onClick}
type="primary"
outline
>Button</Button>
<Button
on:click={onClick}
outline
>Button</Button>
<Button
on:click={onClick}
type="primary"
outline
>Button</Button>
Use props circle to make Button rounded.
<Button
circle
>Click</Button>
<Button
circle
type="primary"
outline
>Click</Button>
<Button
circle
type="black"
>Click</Button>
Props
| Type
| Defaut value
|
---|---|---|
circle | boolean | false |
outline | boolean | false |
text | boolean | false |
type | 'default' | 'primary' | 'black' | default |
nomargin | boolean | false |
Event
| Params
| Description
|
---|---|---|
on:click | e: MouseEvent | Works on component click |