https://github.com/jpmurray/gonewiththewind

A package containing Tailwind CSS components that plays well with the default Laravel Tailwind UI.
https://github.com/jpmurray/gonewiththewind

Last synced: 14 days ago
JSON representation

A package containing Tailwind CSS components that plays well with the default Laravel Tailwind UI.

• Host: GitHub
• URL: https://github.com/jpmurray/gonewiththewind
• Owner: jpmurray
• License: mit
• Created: 2021-01-02T14:40:57.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-02T18:52:43.000Z (almost 4 years ago)
• Last Synced: 2024-10-11T12:04:11.151Z (about 1 month ago)
• Language: PHP
• Size: 17.6 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Gone with the (Tail)Wind

Packages that provides (what I think is) blade components that plays well with the basic Tailwind UI offered by Laravel (in Breeze, for example).

This was made in an effort to try and learn Tailwind. Not that I want to learn it, mind you, I'd still prefer to be using Bootstrap out of the box! But I'm a prototyper, and it seems I have to take a small time in my schedule so I can _go with the wind_ of what's now offered by default in Laravel.

## Components and usage

### Cards components

#### Table

```blade

```

**Attributes**:

- `model` asks for the singular model name to generates things like routes (ex: `route('users.index'))

- `data` asks for the data to display in table, goes well with an eloquent collection or a paginated collection.

- `show` asks what column to show from the data (ex: `['name', 'created_at']`)

- `actions` defaults to null, but if provided, will add an `action` column with specified ones. For now, supports `['edit', 'delete']`

### Forms components

#### Label

```blade

Name

```



#### Input

```blade

```



#### Select

```blade

```

**Attributes**:

- `choices` asks for an associative array of `label => value`to populate the select element

- `chosen` asks for what should be selected in the choices, if necessary.



#### Submit button

```blade

Save

```