BladewindUI

https://github.com/mkocansey/bladewind
Admin
BladewindUI is a collection of UI components built with TailwindCSS, Laravel Blade, and Vanilla...
Tokens:540
Snippets:6
Trust Score:8
License:MIT
Update:1 year ago
Show doc for...
Tokens:
Raw
### Install BladewindUI Package with Composer

Source: https://github.com/mkocansey/bladewind/blob/main/README.md

This command adds the BladewindUI package as a dependency to your Laravel project using Composer. Run it in your project's root directory.

```bash
composer require mkocansey/bladewind
```

--------------------------------

### Example BladewindUI Button Component Usage

Source: https://github.com/mkocansey/bladewind/blob/main/README.md

This snippet demonstrates how to render a BladewindUI button component using Laravel Blade's component syntax. Replace `Save User` with your desired button text.

```blade
<x-bladewind::button>Save User</x-bladewind::button>
```

--------------------------------

### Publish BladewindUI Public Assets

Source: https://github.com/mkocansey/bladewind/blob/main/README.md

After installing the package, run this Artisan command to publish BladewindUI's CSS, JavaScript, and other public assets to your Laravel project's `public` directory. The `--force` flag overwrites existing files.

```bash
php artisan vendor:publish --provider="Mkocansey\\Bladewind\\BladewindServiceProvider" --tag=bladewind-public --force
```

--------------------------------

### Include Main BladewindUI CSS

Source: https://github.com/mkocansey/bladewind/blob/main/README.md

Place this HTML link tag in the `<head>` section of your Laravel Blade layout. It imports the core BladewindUI stylesheet, defining the appearance of all components.

```html
<link href="{{ asset('vendor/bladewind/css/bladewind-ui.min.css') }}" rel="stylesheet" />
```

--------------------------------

### Include BladewindUI Animation CSS

Source: https://github.com/mkocansey/bladewind/blob/main/README.md

Add this HTML link tag within the `<head>` section of your main Laravel Blade layout file. This CSS file provides animations for modals and other interactive BladewindUI elements.

```html
<link href="{{ asset('vendor/bladewind/css/animate.min.css') }}" rel="stylesheet" />
```

--------------------------------

### Include BladewindUI JavaScript Helpers

Source: https://github.com/mkocansey/bladewind/blob/main/README.md

Insert this HTML script tag anywhere before the closing `</body>` tag in your Laravel Blade layout. This file contains essential JavaScript functions required for BladewindUI components to function correctly.

```html
<script src="{{ asset('vendor/bladewind/js/helpers.js') }}" type="text/javascript"></script>
```
Tokens:
Raw