Nuxt/examples/storybook/components/Button.vue
Clark Du b11e9c0e51
feat: upgrade eslint to 5.x (#3494)
- [ ] babel-eslint https://github.com/babel/babel-eslint/issues/664
- [x] eslint-config-standard-jsx https://github.com/standard/eslint-config-standard-jsx/issues/32
- [x] eslint-config-standard to be stable release https://github.com/standard/eslint-config-standard/issues/123
- [x] eslint-plugin-html
- [x] eslint-plugin-import
- [x] eslint-plugin-jest
- [x] eslint-plugin-node
- [x] eslint-plugin-promise
- [x] eslint-plugin-standard https://github.com/standard/eslint-plugin-standard/issues/29
- [x] eslint-plugin-vue https://github.com/vuejs/eslint-plugin-vue/pull/504
- [x] eslint-plugin-react https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.10.0
2018-08-31 21:34:12 +01:00

35 lines
581 B
Vue

<template>
<button :style="{color: color, borderColor: color}" :class="{rounded: rounded}" class="wr-button" @click="handleClick"><slot />!</button>
</template>
<script>
export default {
props: {
rounded: {
type: Boolean,
default: false
},
handleClick: {
type: Function,
default: () => () => null
},
color: {
type: String,
default: '#42b983'
}
}
}
</script>
<style>
.rounded {
border-radius: 10px;
}
.wr-button {
border: 3px solid;
padding: 10px 20px;
background-color: white;
outline: none;
}
</style>