feat(Components): Add Button and BackgroudnImage

2024-03-11 19:29:50 -03:00 · 2024-03-11 19:29:50 -03:00 · b74fcb19cc
commit b74fcb19cc
parent a1528a2ad8
5 changed files with 399 additions and 10 deletions
--- a/src/components/Button/Button.astro
+++ b/src/components/Button/Button.astro
@ -0,0 +1,27 @@
+---
+interface Props {
+  className?: string;
+}
+
+const { className = '' } = Astro.props;
+---
+
+<button class:list={className}>
+  <slot />
+</button>
+
+<style>
+  button {
+    font-size: 1rem;
+    padding: var(--prj-spacing-1) var(--prj-spacing-3);
+    background-color: var(--prj-accent-bg);
+    color: var(--prj-accent-text);
+
+    border-radius: 6px;
+    border-color: var(--prj-accent-bg);
+
+    cursor: pointer;
+
+    margin-bottom: 0;
+  }
+</style>