Merge pull request #3 from fre-ben/header

header
fre-ben · Feb 13, 2021 · b5e2fe6 · b5e2fe6 · vercel · Feb 13, 2021
2 parents 288a88f + 0a2065f
commit b5e2fe6
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -1 +1,5 @@
 <!-- https://storybook.js.org/docs/configurations/add-custom-head-tags/#docs-content -->
+<script
+  src="https://kit.fontawesome.com/d1f1f68cc2.js"
+  crossorigin="anonymous"
+></script>
diff --git a/src/components/header/header.css b/src/components/header/header.css
diff --git a/src/components/header/header.stories.ts b/src/components/header/header.stories.ts
@@ -0,0 +1,10 @@
+import "./header.css";
+import { displayHeader } from "./header";
+import { createElement } from "../../utils/createElement";
+
+export default {
+  title: "Components/Header",
+  parameters: { layout: "centered" },
+};
+
+export const header = () => displayHeader();
diff --git a/src/components/header/header.ts b/src/components/header/header.ts
@@ -0,0 +1,8 @@
+import { createElement } from "../../utils/createElement";
+
+export function displayHeader() {
+  return createElement("h1", {
+    className: "header",
+    innerHTML: `CATLINEZ <i class="fas fa-paw"></i> <i class="far fa-newspaper"></i>`,
+  });
+}