tobiasnagel01/tailwind-buttons

Button Components using Tailwind CSS

1.1.2 2023-04-17 11:31 UTC

Requires

• php: ^8.0
• laravel/framework: ^9.0|^10.0

Requires (Dev)

• orchestra/testbench: ^7.0|^8.0

MIT

• Tobias Nagel

README

This package provides you with a set of components of different styled buttons.

Authors

• @TobiasNagel01

Installation

To install this package run

  composer require tobiasnagel01/tailwind-buttons

Parameters

All following parameters can be added to all buttons.

Text:

<x-button::blue text="TestButton">

You can also put your own HTML Content inside this slot, for example to add a loading Spinner instead of text

Route:

<x-button::blue route="users.create">

Link: (This will be ignored when a route is provided)

<x-button::blue link="/users/create/">

Variants

Normal:

<x-button::blue>
<x-button::green>
<x-button::red>
<x-button::yellow>
<x-button::purple>
<x-button::dark>

Rounded:

<x-button::rounded.blue>
<x-button::rounded.green>
<x-button::rounded.red>
<x-button::rounded.yellow>
<x-button::rounded.purple>
<x-button::rounded.dark>

Outline:

<x-button::outline.blue>
<x-button::outline.green>
<x-button::outline.red>
<x-button::outline.yellow>
<x-button::outline.purple>
<x-button::outline.dark>