Proposal: Dialog Media

[georgedrury]

Hi all :)

I've been working on extending the Dialog component with a new slot, DialogMedia.

Over the past few years I've created custom dialogs on shadcn projects to include media – a mix of decorative and functional, from illustrations to product galleries. I kept creating separate dialog components using Radix as a base, then recently I extended the composition of shadcn's dialog to make life easier. I think this would be a great addition to the core shadcn component.

<Dialog>
	<DialogTrigger>Open</DialogTrigger>
	<DialogContent>
		<DialogMedia>{/*Insert media here */}</DialogMedia>
		<DialogHeader>
			<DialogTitle>Are you absolutely sure?</DialogTitle>
			<DialogDescription>
				This action cannot be undone. This will permanently delete your account
				and remove your data from our servers.
			</DialogDescription>
		</DialogHeader>
	</DialogContent>
</Dialog>

I've added the full code to a small registry if you want to test it out

npx shadcn@latest add https://dialog-media.georgedrury.co.uk/r/dialog

Or if you want to find out more and see some examples

https://dialog-media.georgedrury.co.uk