yarkov.tech/src/components/Button.astro
2023-02-11 21:54:31 +03:00

26 lines
443 B
Plaintext

---
export type Props = astroHTML.JSX.ButtonHTMLAttributes;
const attrs = Astro.props as Props;
---
<button {...attrs}>
<slot />
</button>
<style lang="scss">
button {
display: inline-flex;
column-gap: 7px;
font-family: var(--font-family-base);
font-weight: 500;
font-size: var(--font-size-sm);
&[disabled] {
opacity: 0.5;
cursor: not-allowed;
&:hover {
border: 1px solid var(--border-color);
}
}
}
</style>