cmd-dialog
Version:
Command dialog and keyboard shortcuts palette for web apps
24 lines (23 loc) • 784 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Custom footer example</title>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<style type="text/tailwindcss">
@import "tailwindcss";
@custom-variant dark (&:where(.dark, .dark *));
</style>
<script type="module" src="example.js"></script>
</head>
<body class="bg-neutral-800 antialiased leading-normal tracking-normal">
<main class="flex h-screen items-center justify-center">
<code class="text-neutral-300 text-[8rem] font-bold">⌘+K</code>
<cmd-dialog>
<div slot="footer">This is custom footer</div>
</cmd-dialog>
</main>
</body>
</html>