CommandDialog

Overview

Wraps Command inside a modal dialog for use as a floating command palette.

Theme entry: CommandDialog

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
open	boolean		undefined	The controlled open state. Can be bound with v-model:open.
defaultOpen	boolean		undefined	The open state when initially rendered. Use when you do not need to control the open state.
modal	boolean		undefined	When true, interaction with outside elements is disabled and only dialog content is visible to screen readers.
title	string		"Command Palette"	Accessible title shown in the dialog header.
description	string		"Search for a command to run..."	Accessible description shown in the dialog header.

Slots

default

Scoped slot.

Events

Name	Description
update:open	Emitted when the open state changes.

Full event reference

Source

client/lib/controls/command/CommandDialog.vue