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