docs: add next banner (#1369)

huntabyte · Oct 27, 2024 · e28fafb · e28fafb
1 parent b524be5
commit e28fafb
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/sites/docs/src/lib/components/docs/site-header.svelte b/sites/docs/src/lib/components/docs/site-header.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import Svelte5Banner from "./svelte-5-banner.svelte";
 	import {
 		CommandMenu,
 		Icons,
@@ -14,6 +15,7 @@
 <header
 	class="border-border/40 bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur"
 >
+	<Svelte5Banner />
 	<div class="container flex h-14 max-w-screen-2xl items-center">
 		<MainNav />
 		<MobileNav />

diff --git a/sites/docs/src/lib/components/docs/svelte-5-banner.svelte b/sites/docs/src/lib/components/docs/svelte-5-banner.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import ArrowUpRight from "lucide-svelte/icons/arrow-up-right";
+</script>
+
+<p
+	class="bg-orange-400 py-1.5 text-center text-sm font-medium text-black dark:bg-orange-700 dark:text-white"
+>
+	shadcn-svelte for Svelte 5 has been released! -
+	<a
+		href="https://next.shadcn-svelte.com"
+		target="_blank"
+		class="inline-flex items-center font-semibold underline-offset-2 hover:underline"
+	>
+		Visit the preview docs
+		<ArrowUpRight class="ml-0.5 h-3 w-3" />
+	</a>
+</p>