Skip to main content
Back to packages
947 GitHub stars

wire-elements/spotlight

View on GitHub

Description

Livewire component that brings Spotlight/Alfred-like functionality to your Laravel application.

Add the Livewire directive @livewire('livewire-ui-spotlight'):

<html>
<body>
<!-- content -->
 
@livewire('livewire-ui-spotlight')
</body>
</html>

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. It's also possible to toggle Spotlight from any other Livewire component or via Javascript.

Related Content on Laravel Daily

Video

Recent Courses on Laravel Daily

[NEW] Laravel Boost: Deeper Practical Dive

8 lessons
32 min

Laravel 13 Starter Kit Teams and Customizations

10 lessons
33 min

Testing in Laravel 13 For Beginners

26 lessons
1 h 41 min read