https://github.com/beynar/svelte-spotlight

Headless spotlight component for Svelte
https://github.com/beynar/svelte-spotlight

spotlight svelte

Last synced: about 23 hours ago
JSON representation

Headless spotlight component for Svelte

• Host: GitHub
• URL: https://github.com/beynar/svelte-spotlight
• Owner: beynar
• License: mit
• Created: 2022-03-31T08:34:56.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-07-29T12:53:29.000Z (over 1 year ago)
• Last Synced: 2023-07-29T13:57:14.642Z (over 1 year ago)
• Topics: spotlight, svelte
• Language: Svelte
• Homepage: https://svelte-spotlight.vercel.app
• Size: 821 KB
• Stars: 40
• Watchers: 1
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# svelte-spotlight ![svelte-themes minzip package size](https://img.shields.io/bundlephobia/minzip/svelte-spotlight) ![Version](https://img.shields.io/npm/v/svelte-spotlight.svg?colorB=green)

Headless spotlight component for Svelte

Build your site global search box in minutes

```bash

 pnpm add svelte-spotlight

 npm install svelte-spotlight

 yarn add svelte-spotlight

```

- ✅ Bring your own style, completely headless. Svelte-spotlight only handle the layout.

- ✅ Search method agnostic, local or asynchronous.

- ✅ Data agnostic, render flat lists or grouped results. Integrate perfectly with Algolia

- ✅ multi-index search.

- ✅ Great DX with full TS support

- ✅ 9 slots to customize every part you need

- ✅ Animate it as you wish

- ✅ Keyboard shortcut and navigation

- ✅ Accessible

# [DOCUMENTATION & EXAMPLES](https://svelte-spotlight.vercel.app)