CommandDialog
Source: client/lib/theme/vueda-tailwind/controls/index.js
The DialogContent.root pane that hosts a Command.root at modal scale. Drops all padding so Command's own card radius, fill, and inner geometry own the dialog box, and
overflow-hiddenkeeps the inner list's scroll edges clipped to the rounded corners.
Vue component: CommandDialog
| Slot | Default classes | Description |
|---|---|---|
| content | overflow-hidden p-0 | The DialogContent.root pane that hosts a Command.root at modal scale. Drops all padding so Command's own card radius, fill, and inner geometry own the dialog box, and overflow-hidden keeps the inner list's scroll edges clipped to the rounded corners. |
| header | sr-only | The dialog header. Hidden with sr-only because the Command's own CommandInput.root acts as the visible label; the header still ships so accessible-name requirements are met for screen readers. |
content
The DialogContent.root pane that hosts a Command.root at modal scale. Drops all padding so Command's own card radius, fill, and inner geometry own the dialog box, and
overflow-hiddenkeeps the inner list's scroll edges clipped to the rounded corners.
Default classes:
overflow-hidden p-0
Source: client/lib/theme/vueda-tailwind/controls/CommandDialog.theme.js:18
header
The dialog header. Hidden with
sr-onlybecause the Command's own CommandInput.root acts as the visible label; the header still ships so accessible-name requirements are met for screen readers.
Default classes:
sr-only
Source: client/lib/theme/vueda-tailwind/controls/CommandDialog.theme.js:20