Quickstart

use Filament\Panel;
use Flex\Theme\FlexThemePlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ->globalSearch()
        ->plugin(FlexThemePlugin::make());
}

use Illuminate\Database\Eloquent\Model;

// In your CustomerResource:
protected static ?string $recordTitleAttribute = 'name';

public static function getGloballySearchableAttributes(): array
{
    return ['name', 'email'];
}

public static function getGlobalSearchResultDetails(Model $record): array
{
    return ['Email' => $record->email];
}

use Flex\Theme\Search\SearchConfiguration;

FlexThemePlugin::make()->search(
    SearchConfiguration::make()
        ->placeholder('Search your workspace…')
        ->settings([
            'search_page_size' => 25,
            'search_pagination' => 'infinite',
            'search_virtualization' => true,
        ])
);

<button type="button" x-on:click="$dispatch('flex-search-open')">
    Search workspace
</button>

window.dispatchEvent(new CustomEvent('flex-search-open', {
    detail: { query: 'Olivia' },
}));

FlexThemePlugin::make()->search(false);