aboutsummaryrefslogtreecommitdiff
path: root/src/ui/c-button/c-button.demo.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/ui/c-button/c-button.demo.vue')
-rw-r--r--src/ui/c-button/c-button.demo.vue14
1 files changed, 13 insertions, 1 deletions
diff --git a/src/ui/c-button/c-button.demo.vue b/src/ui/c-button/c-button.demo.vue
index 4e9aa1a..ce339f5 100644
--- a/src/ui/c-button/c-button.demo.vue
+++ b/src/ui/c-button/c-button.demo.vue
@@ -25,6 +25,18 @@
>
A
</c-button>
+
+ <c-button
+ v-for="buttonType of buttonTypes"
+ :key="buttonType"
+ :variant="buttonVariant"
+ :type="buttonType"
+ :size="buttonSize"
+ circle
+ mx-1
+ >
+ <icon-mdi-content-copy />
+ </c-button>
</div>
</div>
</template>
@@ -33,7 +45,7 @@
import _ from 'lodash';
const buttonVariants = ['basic', 'text'] as const;
-const buttonTypes = ['default', 'primary'] as const;
+const buttonTypes = ['default', 'primary', 'warning'] as const;
const buttonSizes = ['small', 'medium', 'large'] as const;
</script>