Add Chip component

2024-07-25 00:51:21 -04:00 · 2024-07-25 00:51:21 -04:00 · ede319da59
commit ede319da59
parent 36d554c16b
1 changed files with 17 additions and 0 deletions
--- a/src/components/Chip.astro
+++ b/src/components/Chip.astro
@ -0,0 +1,17 @@
+---
+const {
+    Text,
+    Color
+} = Astro.props
+---
+
+<p style={'background: ' + Color + ';'} class="chip">{Text}</p>
+
+<style lang="scss">
+.chip {
+    font-size: 12px;
+    border-radius: 3rem;
+    padding: 4px 12px;
+    width: max-content;
+}
+</style>