Base Divider Component (#14)

* wip * dividider wip * export * Update components/src/base-divider/base-divider.story.vue * Update components/src/base-divider/base-divider.story.vue * Update components/src/base-divider/base-divider.vue --------- Co-authored-by: Rijk van Zanten <[email protected]>
directus · Jul 11, 2023 · a7d692c · a7d692c
1 parent 423daf2
commit a7d692c
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/components/src/base-divider/base-divider.story.vue b/components/src/base-divider/base-divider.story.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import BaseDivider from './base-divider.vue';
+</script>
+
+<template>
+	<Story title="Base / Divider">
+		<BaseDivider />
+	</Story>
+</template>
diff --git a/components/src/base-divider/base-divider.vue b/components/src/base-divider/base-divider.vue
@@ -0,0 +1,10 @@
+<template>
+	<div class="base-divider" />
+</template>
+
+<style scoped>
+.base-divider {
+	width: 100%;
+	border-top: 1px solid var(--gray-300);
+}
+</style>
diff --git a/components/src/index.ts b/components/src/index.ts
@@ -1 +1,2 @@
 export { default as BaseIcon } from './base-icon/base-icon.vue';
+export { default as BaseDivider } from './base-button/base-divider.vue';