MinPluto/MinPluto-Frontend
MinPluto/MinPluto-Frontend
Archived
1
Fork 0
Code Issues Pull requests Activity

Add Chip component

Browse source
This commit is contained in:
Korbs 2024-07-25 00:51:21 -04:00
parent 36d554c16b
commit ede319da59
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/Chip.astro Normal file
View file

@ -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>