✨ Merge pull request #188 from it-at-m/183-sparkles-divider-component

✨ added divider #183

Author: langehm

src/components/Divider/MucDivider.stories.ts

@@ -0,0 +1,19 @@
+import MucDivider from "./MucDivider.vue";
+
+export default {
+  component: MucDivider,
+  title: "MucDivider",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: `The \`muc-divider\` is a trivial divider.
+
+[🔗 Patternlab-Docs](https://patternlab.muenchen.space/?p=viewall-components-all)
+`,
+      },
+    },
+  },
+};
+
+export const Default = {};

src/components/Divider/MucDivider.vue

@@ -0,0 +1,9 @@
+<template>
+  <hr class="divider-border" />
+</template>
+
+<style scoped>
+.divider-border {
+  border-bottom: 1px solid var(--color-neutrals-blue);
+}
+</style>

src/components/Divider/index.ts

@@ -0,0 +1,3 @@
+import MucDivider from "./MucDivider.vue";
+
+export { MucDivider };

src/components/index.ts

@@ -3,6 +3,7 @@ import { MucButton } from "./Button";
 import { MucCallout } from "./Callout";
 import { MucCard, MucCardContainer } from "./Card";
 import { MucComment, MucCommentText } from "./Comment/";
+import { MucDivider } from "./Divider";
 import {
   MucCheckbox,
   MucCheckboxGroup,
@@ -35,5 +36,6 @@ export {
   MucSelect,
   MucErrorList,
   MucIcon,
+  MucDivider,
   MucLink,
 };