feat: add XButton story
This commit is contained in:
parent
9523f60763
commit
ccc85b9a82
26
src/components/input/Button.story.vue
Normal file
26
src/components/input/Button.story.vue
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<script lang="ts" setup>
|
||||||
|
import {logEvent} from 'histoire/client'
|
||||||
|
import XButton from './button.vue'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<Story :layout="{ type: 'grid', width: '200px' }">
|
||||||
|
<Variant title="primary">
|
||||||
|
<XButton @click="logEvent('Click', $event)" variant="primary">
|
||||||
|
Order pizza!
|
||||||
|
</XButton>
|
||||||
|
</Variant>
|
||||||
|
|
||||||
|
<Variant title="secondary">
|
||||||
|
<XButton @click="logEvent('Click', $event)" variant="secondary">
|
||||||
|
Order spaghetti!
|
||||||
|
</XButton>
|
||||||
|
</Variant>
|
||||||
|
|
||||||
|
<Variant title="tertiary">
|
||||||
|
<XButton @click="logEvent('Click', $event)" variant="tertiary">
|
||||||
|
Order tortellini!
|
||||||
|
</XButton>
|
||||||
|
</Variant>
|
||||||
|
</Story>
|
||||||
|
</template>
|
Loading…
x
Reference in New Issue
Block a user