Button

Default usage

            
                
    <Button
        on:click={(e) => onClick(e)}
    >Button</Button>
    <Button
        on:click={onClick}
        type="primary"
    >Button</Button>
    <Button 
        on:click={onClick} 
        type="black"
    >Button</Button>

Outline 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>

Circle 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>

Component API

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