Skip to content
LSD Framework
Components · command-palette

Command palette. ⌘K launcher.

A modal launcher of every action in your app. Built on the native <dialog> element — focus-trap, Escape close, and search filtering come standard. Press Cmd/Ctrl + K anywhere on this page.

01 · base

.lsd-cmdk

Press ⌘K / Ctrl K or click below.

trigger

Open command palette

document.getElementById('cmdk-basic').showModal()
02 · variants

Four variants

.lsd-cmdk--basic

Basic

.lsd-cmdk--basic
.lsd-cmdk--with-recent

With recent

.lsd-cmdk--with-recent
.lsd-cmdk--with-categories

With categories

.lsd-cmdk--with-categories
.lsd-cmdk--with-icons

With icons

.lsd-cmdk--with-icons
03 · animations

Panel entrance

.lsd-fx--scale-in

Scale-in

.lsd-fx--scale-in
.lsd-fx--blur-in

Blur-in

.lsd-fx--blur-in
Components · LSD primitives
↩ Framework index