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