init commit
This commit is contained in:
+41
@@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<div class="button-group">
|
||||
|
||||
<MyButton variant="primary"
|
||||
size="sm">
|
||||
Primary Small
|
||||
</MyButton>
|
||||
<MyButton variant="secondary"
|
||||
size="md">
|
||||
Secondary Medium
|
||||
</MyButton>
|
||||
<MyButton variant="danger"
|
||||
size="lg">
|
||||
Danger Large
|
||||
</MyButton>
|
||||
|
||||
<MyButton variant="danger"
|
||||
size="lg"
|
||||
:loading="true">
|
||||
Danger Large
|
||||
</MyButton>
|
||||
|
||||
<MyButton variant="danger"
|
||||
size="lg"
|
||||
:disabled="true">
|
||||
Danger Large
|
||||
</MyButton>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import MyButton from './components/MyButton.vue';
|
||||
|
||||
</script>
|
||||
<style scoped>
|
||||
.button-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user