add Banner component

This commit is contained in:
Elijah Duffy
2025-12-15 15:24:53 -08:00
parent 63b29e3f6a
commit 9782a31846
3 changed files with 248 additions and 0 deletions

View File

@@ -79,6 +79,20 @@
<title>sui</title>
</svelte:head>
<!-- Cookie Consent Banner Demo -->
<Banner
title="Manage Cookies"
controls={{
moreInfo: { label: 'More Info', type: 'link', href: '#!' }
}}
onaccept={() => console.log('Cookies accepted!')}
ondecline={() => console.log('Cookies declined!')}
open
>
We use cookies and similar technologies to enhance your experience, analyze site traffic, and
measure our ads. You can manage your preferences anytime.
</Banner>
<h1 class="mb-4 text-3xl font-bold">sui — Opinionated Svelte 5 UI toolkit</h1>
<p class="mb-4">