add react

2025-02-02 00:58:28 -05:00
parent ead9309e30
commit f5f335ff33
16 changed files with 258 additions and 31 deletions
--- a/src/components/button.astro
+++ b/src/components/button.astro
@ -0,0 +1,21 @@
+---
+interface Props {
+	href: string,
+	display: string,
+	color?: string
+}
+const {href, display, color = "transparent"} = Astro.props
+---
+
+<button style={`background-color: ${color}`}>
+	<a href={href}>{display}</a>
+</button>
+
+<style lang="scss">
+	button {
+		height: 100%;
+		padding: 0 20px 0 20px;
+
+		&:hover { background-color: var(--hf-button-hover-color) }
+	}
+</style>