BSD fixes #245: Create an example component for devs

Author: mejiaj

stories/components/_example/example.html.twig

@@ -0,0 +1,16 @@
+{#
+/**
+  * Example
+  *
+  * A sample component for reuse.
+  *
+  * Available variables:
+  * - title: String description.
+**/
+#}
+
+<div class="bix-example">
+  <h1 class="bix-example__title">
+    {{ title | default("Hello world") }}
+  </h1>
+</div>

stories/components/_example/example.scss

@@ -0,0 +1,9 @@
+@use "uswds-core" as *;
+
+.bix-example {
+  color: var(--c-primary);
+
+  &__title {
+    font-size: size("heading", 18);
+  }
+}

stories/components/_example/example.stories.js

@@ -0,0 +1,18 @@
+import Example from "./example.html.twig";
+import "./example.scss";
+
+// import infoIcon from "@uswds/uswds/img/usa-icons/info_outline.svg";
+
+export default {
+  title: "Components/Example Component",
+  tags: ["autodocs"],
+  component: Example,
+};
+
+export const Default = {};
+
+export const Custom = {
+  args: {
+    title: "Hola mundo",
+  },
+};