{"repo":"wire-elements/spotlight","free":true,"listed":false,"github":"https://github.com/wire-elements/spotlight","clone":"git clone https://github.com/wire-elements/spotlight.git","description":"Livewire component that brings Spotlight/Alfred-like functionality to your Laravel application.","language":"PHP","stars":947,"topics":["laravel","livewire","livewire-components"],"license":"MIT","category":"api-integrations-sdks","readme_excerpt":"About Wire Elements Spotlight Wire Elements Spotlight is a Livewire component that provides Spotlight/Alfred-like functionality to your Laravel application. View demo video . Installation Click the image above to read a full article on using the Wire Elements Spotlight package or follow the instructions below. To get started, require the package via Composer: Livewire directive Add the Livewire directive @livewire('livewire-ui-spotlight') : Alpine (only when using Livewire v2) Spotlight requires Alpine. You can use the official CDN to quickly include Alpine: Opening Spotlight To open the Spotlight input bar you can use one of the following shortcuts: - CTRL + K - CMD + K - CTRL + / - CMD + / You can customize the keybindings in the configuration file (see below). It's also possible to toggle Spotlight from any other Livewire component or via Javascript. In any Livewire component you can use the dispatchBrowserEvent or dispatch helper. You can also use the $dispatch helper from Alpine to trigger the same browser event from your markup. Creating your first Spotlight command You can create your first Spotlight command by creating a new class and have it extend LivewireUI\\Spotlight\\SpotlightCommand . Start by defining a $name and $description for your command. The name and description will be visible when searching through commands. To help you get started you can use the php artisan make:spotlight command. The execute method is called when a command is chosen, and the command ha","default_branch":null,"files":null,"tree":[],"storefront":"/r/wire-elements","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/wire-elements/spotlight/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}