feat(ui-lib): demo pages for c-lib components

1 files changed, 29 insertions, 0 deletions

diff --git a/src/ui/c-button/c-button.demo.vue b/src/ui/c-button/c-button.demo.vue
new file mode 100644
index 0000000..988659f
--- /dev/null
+++ b/src/ui/c-button/c-button.demo.vue
@@ -0,0 +1,29 @@
+<template>
+  <div v-for="buttonVariant of buttonVariants" :key="buttonVariant">
+    <h2>{{ _.capitalize(buttonVariant) }}</h2>
+
+    <c-button v-for="buttonType of buttonTypes" :key="buttonType" :variant="buttonVariant" :type="buttonType" mx-1>
+      Button
+    </c-button>
+
+    <c-button
+      v-for="buttonType of buttonTypes"
+      :key="buttonType"
+      :variant="buttonVariant"
+      :type="buttonType"
+      circle
+      mx-1
+    >
+      A
+    </c-button>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import _ from 'lodash';
+
+const buttonVariants = ['basic', 'text'];
+const buttonTypes = ['default', 'primary'];
+</script>
+
+<style lang="less" scoped></style>