33 lines
546 B
Vue
33 lines
546 B
Vue
<template>
|
|
<div id="buttons">
|
|
<h1>Buttons</h1>
|
|
<div>
|
|
<button>Default</button>
|
|
<button disabled>Default</button>
|
|
|
|
|
<button class="generic">Generic</button>
|
|
<button class="generic" disabled>Generic</button>
|
|
|
|
|
<button class="action">Action</button>
|
|
<button class="action" disabled>Action</button>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
@import './assets/styles/main.css';
|
|
@import './assets/styles/buttons.css';
|
|
|
|
#buttons {
|
|
padding: 40px;
|
|
}
|
|
|
|
</style> |