2 files changed, 15 insertions, 0 deletions
diff --git a/examples/portfolio/src/components/Button/index.jsx b/examples/portfolio/src/components/Button/index.jsx
new file mode 100644
index 000000000..0e1b6a4c8
--- /dev/null
+++ b/examples/portfolio/src/components/Button/index.jsx
@@ -0,0 +1,8 @@
+import { h } from 'preact';
+import Styles from './styles.module.scss';
+
+function Button({ children }) {
+  return <span className={Styles.button}>{children}</span>;
+}
+
+export default Button;
diff --git a/examples/portfolio/src/components/Button/styles.module.scss b/examples/portfolio/src/components/Button/styles.module.scss
new file mode 100644
index 000000000..67a343bdf
--- /dev/null
+++ b/examples/portfolio/src/components/Button/styles.module.scss
@@ -0,0 +1,7 @@
+.button {
+  display: inline-block;
+  border: 3px solid currentColor;
+  padding: 0.5em 1em;
+  font-weight: 700;
+  text-transform: uppercase;
+}