### Install Flowbite Laravel Starter Kit

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Create a new Laravel application with the Flowbite Laravel Starter Kit for a pre-configured setup including authentication and dark mode.

```bash
laravel new my-app --using=themesberg/flowbite-laravel-starter-kit
```

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

### Manual CSS Setup for Flowbite

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Add Flowbite theme and plugin imports to your resources/css/app.css file for manual setup. This includes Tailwind CSS, Flowbite's default theme, and the Flowbite plugin.

```css
@import 'tailwindcss';
@import 'flowbite/src/themes/default';

@plugin 'flowbite/plugin';

@source '../../vendor/themesberg/flowbite-blade/resources/views/**/*.blade.php';
@source '../../vendor/themesberg/flowbite-blade/src/**/*.php';
```

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

### Install Flowbite Laravel Components via Composer

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Use this command to install the Flowbite Laravel components package using Composer.

```bash
composer require themesberg/flowbite-laravel-components
```

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

### Publish Configuration File

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Run this command to publish the configuration file for Flowbite Blade components. This allows for customization of component aliases, default colors, sizes, and layouts.

```bash
php artisan vendor:publish --tag=flowbite-blade-config
```

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

### Using Icons with Flowbite Components

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Demonstrates how to use outline and solid icons from the flowbite-blade-icons package. Icons can be used standalone or embedded within other components like buttons.

```blade
{{-- Outline icons --}}
<x-fwb-o-envelope class="w-5 h-5" />

{{-- Solid icons --}}
<x-fwb-s-envelope class="w-5 h-5" />

{{-- Inside components --}}
<x-fwb.button fwb-icon="s-plus">Add item</x-fwb.button>
```

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

### Basic Flowbite Blade Component Usage

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Demonstrates the basic usage of Flowbite Blade components for creating a button, an alert message, and a card.

```blade
<x-fwb.button>Click me</x-fwb.button>

<x-fwb.alert color="green">
    Operation successful!
</x-fwb.alert>

<x-fwb.card title="Card title">
    <p class="text-body">Card content.</p>
</x-fwb.card>
```

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

### Publisher Blog Template Block

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

A pre-built block for displaying blog content.

```blade
<x-fwb.blocks.publisher.blog-template />
```

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

### Publish Blade Views

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Execute this command to publish all Blade views associated with Flowbite components. This enables customization of the component's HTML structure.

```bash
php artisan vendor:publish --tag=flowbite-blade-views
```

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

### Marketing Pricing Block

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Create pricing sections with customizable plans and features. Each plan can have multiple features listed.

```blade
<x-fwb.blocks.marketing.pricing title="Our plans">
    <x-fwb.pricing-card title="Starter" price="29" period="/month">
        <x-fwb.pricing-card.feature>10 users</x-fwb.pricing-card.feature>
    </x-fwb.pricing-card>
</x-fwb.blocks.marketing.pricing>
```

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

### Table Component

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Create data tables with headers and rows. Columns can be defined using the 'columns' attribute.

```blade
<x-fwb.table>
    <x-fwb.table.head :columns="['Name', 'Email', 'Role']" />
    <x-fwb.table.row>
        <x-fwb.table.cell>John Doe</x-fwb.table.cell>
        <x-fwb.table.cell>john@example.com</x-fwb.table.cell>
        <x-fwb.table.cell>Admin</x-fwb.table.cell>
    </x-fwb.table.row>
</x-fwb.table>
```

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

### Application CRUD Blocks

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Components for managing data within applications, including product listings and creation modals.

```blade
<x-fwb.blocks.application.crud-products />
```

```blade
<x-fwb.blocks.application.crud-create-modal id="create-modal" />
```

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

### Flowbite Blade Configuration

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

This is the default configuration file for Flowbite Blade components. You can modify these settings to change default behaviors like component prefixes, colors, sizes, and layouts.

```php
// config/flowbite-blade.php
return [
    'prefix' => 'fwb',           // Component alias prefix
    'default_color' => 'blue',   // Default color for buttons, badges, etc.
    'default_size' => 'md',      // Default size for inputs, buttons, etc.
    'layout' => 'admin',         // Default layout
];
```

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

### Gallery Component

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Display images in a grid layout. The 'grid' attribute controls the number of columns.

```blade
<x-fwb.gallery :grid="3">
    <x-fwb.gallery.image src="/img/photo-1.jpg" alt="Photo 1" />
    <x-fwb.gallery.image src="/img/photo-2.jpg" alt="Photo 2" />
    <x-fwb.gallery.image src="/img/photo-3.jpg" alt="Photo 3" />
</x-fwb.gallery>
```

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

### Accordion Component

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Build collapsible accordion sections with multiple items. Each item has a title and content.

```blade
<x-fwb.accordion>
    <x-fwb.accordion.item title="Question 1">Answer 1</x-fwb.accordion.item>
    <x-fwb.accordion.item title="Question 2">Answer 2</x-fwb.accordion.item>
</x-fwb.accordion>
```

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

### Marketing Hero Block

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Use this for marketing page hero sections. Customize title and primary button text.

```blade
<x-fwb.blocks.marketing.hero
    title="We invest in the world's potential"
    primaryButtonText="Learn more"
/>
```

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

### Ecommerce Blocks

Source: https://github.com/themesberg/flowbite-laravel-components/blob/main/README.md

Components for e-commerce functionalities such as shopping carts and checkout pages.

```blade
<x-fwb.blocks.ecommerce.shopping-cart />
```

```blade
<x-fwb.blocks.ecommerce.checkout />
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.