Drive the palette from anywhere in your tree: open it, close it and read what's selected with one hook.
- New: useSlash() hook
- New: onSelect receives the full item
- Improved: smaller bundle, tree-shakes the icons you don't use
Drive the palette from anywhere in your tree: open it, close it and read what's selected with one hook.
@slash.tools/angular ships as a standalone component, so it works without NgModules or CUSTOM_ELEMENTS_SCHEMA in most setups.
1234567891011import { Component } from '@angular/core'import '@slash.tools/angular'
@Component({ selector: 'app-root', standalone: true, template: `<slash-launcher [apiKey]="apiKey" theme="system" />`})export class AppComponent { apiKey = process.env['SLASH_API_KEY']}Theme colors and radius are now exposed as CSS custom properties on the host element, scoped per-instance instead of globally.
1234slash-launcher { --slash-accent: #7c5cff; --slash-radius: 10px;}Closing the launcher with Escape while an item was still loading could leave focus trapped inside a detached node. Focus now always returns to the element that had it before the launcher opened.
@slash.tools/react rendered light mode markup on the server regardless of the client's OS preference, which React would then flag as a hydration mismatch on first paint.
12345// Before: hydration warning on first paint<Slash apiKey={apiKey} theme="system" />
// After: matches automatically, no change needed<Slash apiKey={apiKey} theme="system" />slash-launcher is now available as a standalone Lit-powered custom element for teams not using React or Angular.
12<script type="module" src="https://unpkg.com/@slash.tools/web"></script><slash-launcher api-key="YOUR_API_KEY"></slash-launcher>