A powerful and composable button component for your application.
Default component
<x-ui::button>Button</x-ui::button>Use the variant prop to change the visual style of the button.
<x-ui::button variant="primary">Primary</x-ui::button>The default button size works great for most cases, but here are some additional size options for unique situations.
<x-ui::button size="lg">Large</x-ui::button>Automatically sized and styled icons for your buttons.
<x-ui::button variant="primary" icon="check">Save</x-ui::button>Display an HTML a tag as a button by passing the href prop.
<x-ui::button href="/dashboard">Go to Dashboard</x-ui::button>