<Button type="primary">Primary</Button>
<Button type="outline">Outline</Button>
<Button>Normal</Button>

<Button
    type="primary"
    loading="{ loading }"
    on-click="{ this.onLoading() }"
>
    { loading ? 'Loading...' : 'Start' }
</Button>

{
    config() {
        this.data.loading = false
    },
    onLoading() {
        this.data.loading = true
        setTimeout( () => {
            this.data.loading = false
            this.$update()
        }, 5000 )
    }
}

<Button type="primary" size="small">Small</Button>
<Button type="primary">Medium</Button>
<Button type="primary" size="large">Large</Button>

<Button type="primary" disabled>Primary</Button>
<Button type="outline" disabled>Outline</Button>
<Button disabled>Normal</Button>

<Button on-click="{ v = Math.random() }">Random</Button>
<Input value="{ v }"></Input>