Button

Use the variant prop to change the visual style of the button.

The default button size works great for most cases, but here are some additional size options for unique situations.

Automatically sized and styled icons for your buttons.

Buttons with wire:click or type="submit" will automatically show a loading indicator and disable pointer events during network requests.

A button that spans the full width of the container.

Fuse related buttons into a group with shared borders.

Fuse multiple icon buttons into a visually-linked group.

Append or prepend an icon button to another button to add additional functionality.

Display an HTML a tag as a button by passing the href prop.

To display a button as an input, pass as="button" to the input component .

Make the height and width of a button equal. Flux does this automatically for icon-only buttons.

When using ghost or subtle button variants, you can use the inset prop to negate any invisible padding for better alignment.