Skip to content
Twentyfirst UIHalo

Shortcuts Overlay

Overlays · Button, ShortcutsOverlay

The "?" overlay listing every keyboard shortcut, grouped by area.

Props: open, onClose, title, groups ({title, items: [label, keys[]]}). Esc closes.

Props

Button

PropTypeNotes
variant?"primary" | "secondary" | "soft" | "ghost" | "danger" | "danger-solid"
size?"md" | "sm"
icon?IconName
iconRight?IconName
disabled?boolean
type?"button" | "submit"
onClick?(e: MouseEvent<HTMLButtonElement>) => void
children?ReactNode
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.

ShortcutsOverlay

PropTypeNotes
openbooleanRequired
onClose() => voidRequired
title?string
groups{ title: string; items: [string, string[]][] }[]Required
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.