examples/with-tailwindcss/src/components/Button.astro


1
2
3
4
5
6
7
8
9
10

---
let { type = 'button' } = Astro.props;
---

<button
	class="py-2 px-4 bg-purple-500 text-white font-semibold rounded-lg shadow-md hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:ring-opacity-75"
	{type}
>
	<slot />
</button>