Buttons

<x::button>

Property	Description
text	Option way to pass button text as an attribute, if used the tag can self-close.
ghost	Uses the color for text and border, background is transparent.
url	Where the button should link to. If passed, the button will be rendered as an <a> tag.

<x::button
    class:="bg-sky-500 text-white"
    onclick:="alert('Message Received!')"
>
    Click Me!
</x::button>

Click Me!

---

<x::button
    ghost
    class:="text-sky-600"
    onclick:="alert('Message Received!')"
>
    Click Me!
</x::button>

Click Me!