1. Go to this page and download the library: Download vojislavd/tall-components 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/ */
vojislavd / tall-components example snippets
namespace App\Livewire;
use Livewire\Component;
class MyComponent extends Component
{
public bool $openModal = false;
}
namespace App\Livewire;
use Livewire\Component;
class MyComponent extends Component
{
public bool $openModal = false;
public function someAction()
{
// do something
$this->openModal = true;
}
}
namespace App\Livewire;
use Livewire\Component;
use TallComponents\Livewire\Traits\WithTcConfirmation;
class MyComponent extends Component
{
use WithTcConfirmation;
}
namespace App\Livewire;
use Livewire\Component;
class MyComponent extends Component
{
public function someAction()
{
// do something
$this->dispatch('notification', 'Message to display in notification');
}
}
namespace App\Livewire;
use Livewire\Component;
class MyComponent extends Component
{
public function someAction()
{
// do something
return to_route('some-route-name')
->with('notification', 'Message to display in notification');
}
}
namespace App\Livewire;
use App\Models\User;
use Livewire\Attributes\Computed;
use Livewire\Component;
use TallComponents\Livewire\Traits\WithTcTable;
class MyComponent extends Component
{
use WithTcTable;
public bool $onlyActive = false;
#[Computed]
public function users(): LengthAwarePaginator|Model
{
return User::query()
->when($this->tcSearch, function ($query) {
$query->where('name', 'LIKE', '%' . $this->tcSearch . '%');
})
->when($this->onlyActive, function ($query) {
$query->where('is_active', true);
})
->when($this->tcSortable === 'name', function ($query) {
$query->orderBy('name', $this->tcSortDirection);
})
->when($this->tcSortable === 'email', function ($query) {
$query->orderBy('email', $this->tcSortDirection);
})
->paginate($this->tcPerPage);
}
}
...
->paginate($this->tcPerPage);
...
->when($this->tcSortable === 'name', function ($query) {
$query->orderBy('name', $this->tcSortDirection);
})
namespace App\Livewire;
use Livewire\Component;
class MyComponent extends Component
{
public function someAction()
{
// Display spinner while this method executing
}
}
namespace App\Livewire;
use Livewire\Component;
class MyComponent extends Component
{
public function saveFile()
{
// Save file
$this->dispatch('resetFileField');
}
}