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


1
2
3
4
5
6

---
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={type}>
  <slot />
</button>