Skip to content

DialogHeader

Source: client/lib/theme/vueda-tailwind/shell/index.js

The title and description stack at the top of a dialog. It centers copy on narrow screens and switches to left alignment at the small breakpoint.

Vue component: DialogHeader

SlotDefault classesDescription
rootflex flex-col gap-2 text-center sm:text-leftThe title and description stack at the top of a dialog. It centers copy on narrow screens and switches to left alignment at the small breakpoint.

root

The title and description stack at the top of a dialog. It centers copy on narrow screens and switches to left alignment at the small breakpoint.

Default classes:

flex flex-col gap-2 text-center sm:text-left

Source: client/lib/theme/vueda-tailwind/shell/DialogHeader.theme.js:18

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2