Livewire URL Query Parameters: Shareable States

Make your Livewire component states shareable with URL query parameters.

Sync state with URL:

Define URL Parameters

php

use Livewire\Attributes\Url;

class SearchPosts extends Component
{
    #[Url]
    public $search = '';

    #[Url]
    public $category = 'all';
}

php

#[Url(history: true)]
public $page = 1;

#[Url(as: 'q')]
public $search;

Users can bookmark and share filtered states!

Make your Livewire component states shareable with URL query parameters.

Sync state with URL:

php

use Livewire\Attributes\Url;

class SearchPosts extends Component
{
    #[Url]
    public $search = '';

    #[Url]
    public $category = 'all';
}

php

#[Url(history: true)]
public $page = 1;

#[Url(as: 'q')]
public $search;

Users can bookmark and share filtered states!