PHP code example of lianmaymesi / wireblade
1. Go to this page and download the library: Download lianmaymesi/wireblade library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
lianmaymesi / wireblade example snippets
<x-wb::notification />
public function store() {
...
...
$this->dispacthBrowserEvent('notify', 'Ah! It\'s Working');
}
<x-wb::table>
<x-slot name="head">
<x-wb::row>
<x-wb::heading>Name</x-wb::heading>
</x-wb::row>
</x-slot>
<x-slot name="body">
<x-wb::row>
<x-wb::cell>John Doe</x-wb::cell>
</x-wb::row>
</x-slot>
</x-wb::table>
<x-wb::dialog wire:model="showModal">
<x-slot name="title">
// Title goes here
</x-slot>
<x-slot name="content">
// Content goes here
</x-slot>
<x-slot name="footer">
// Footer goes here
</x-slot>
</x-wb::dialog>
<x-wb::input label="First Name" type="text" placeholder="First Name"></x-wb::input>
<x-wb::input label="Email" type="email" placeholder="[email protected] " />
<x-wb::input label="Age" type="number" placeholder="25" min="1" max="50" />
<x-wb::input label="DOB" type="date" />
<x-wb::input label="App Date" type="datetime-local" />
<x-wb::input label="Password" type="password" placeholder="Password" />
<x-wb::input label="Month" type="month" />
<x-wb::checkbox label="Are you sure?" />
<x-wb::form label="Product Images" />
<x-wb::input label="Search" type="search" placeholder="Search" />
<x-wb::input label="Time" type="time" suffix-label />
<x-wb::input label="Website" type="url" placeholder="www.formwind.com" prefix-label mandatory>
<x-slot name="icon">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
</svg>
</x-slot>
</x-wb::input>
<x-wb::input label="Week" type="Week" />
<x-wb::input label="Tel" type="tel" laceholder="9x5xxxxx562" />
<x-wb::textarea label="Description" placeholder="Description" rows="10">
<x-slot name="content">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Non libero praesentium
voluptate debitis dolorum quas suscipit eos deleniti odit architecto dolor
facilis itaque temporibus, quaerat quod provident. Quam, necessitatibus porro.
</x-slot>
</x-wb::textarea>
<x-wb::select label="Email">
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
</x-wb::select>
\\ Page.php
use HasFileAttachment;
public $description = '';
\\ page.blade.php
<x-wb::trix label="Description" wire:model.defer="description" name="description" editor-height="100rem" />
<x-wb::links.anchor color="red" link="https:://example.com/">
Edit
</x-wb::links.anchor>
<x-wb::links.anchor color="blue">
Add
</x-wb::links.anchor>
<x-wb::tags-input label="Meta Keywords" wire:model.lazy="meta_key" />
bash
php artisan vendor:publish --tag="wireblade-views"
bash
php artisan vendor:publish --tag="wireblade-config"
bash
php artisan vendor:publish --tag="wireblade-components"