fix: set correct file names on some showcase examples

assets/css/output.css

@@ -653,10 +653,6 @@ body {
   visibility: hidden;
 }
 
-.static {
-  position: static;
-}
-
 .fixed {
   position: fixed;
 }

internals/ui/modules/example_wrapper.templ

@@ -34,25 +34,39 @@ templ ExampleWrapper(p ExampleWrapperProps) {
 	<div>
 		<p class="mb-2 font-bold text-muted-foreground">{ p.SectionName }</p>
 		@components.Tabs(components.TabsProps{
-			Tabs: []components.Tab{
+			Tabs:                  generateTabs(p), // Extrahiere Logik in separate Funktion
-				{
-					ID:      "preview",
-					Title:   "Preview",
-					Content: showcaseWrapper(showcaseWrapperProps{Content: p.ShowcaseFile, Class: p.ShowcaseClass}),
-				},
-				{
-					ID:      "code",
-					Title:   "Code",
-					Content: CodeSnippetFromEmbedded(p.PreviewCodeFile, "go", showcase.TemplFiles),
-				},
-				{
-					ID:      "component",
-					Title:   "Component",
-					Content: CodeSnippetFromEmbedded(p.ComponentCodeFile, "go", components.TemplFiles),
-				},
-			},
 			TabsContainerClass:    "md:w-1/2",
 			ContentContainerClass: "w-full",
 		})
 	</div>
 }
+
+// generateTabs erstellt die Tabs basierend auf den Props
+func generateTabs(p ExampleWrapperProps) []components.Tab {
+	tabs := []components.Tab{
+		{
+			ID:    "preview",
+			Title: "Preview",
+			Content: showcaseWrapper(showcaseWrapperProps{
+				Content: p.ShowcaseFile,
+				Class:   p.ShowcaseClass,
+			}),
+		},
+		{
+			ID:      "code",
+			Title:   "Code",
+			Content: CodeSnippetFromEmbedded(p.PreviewCodeFile, "go", showcase.TemplFiles),
+		},
+	}
+
+	// Füge Component Tab nur hinzu wenn gewünscht
+	if p.ComponentCodeFile != "" {
+		tabs = append(tabs, components.Tab{
+			ID:      "component",
+			Title:   "Component",
+			Content: CodeSnippetFromEmbedded(p.ComponentCodeFile, "go", components.TemplFiles),
+		})
+	}
+
+	return tabs
+}

internals/ui/pages/card.templ

@@ -15,8 +15,8 @@ templ Card() {
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
 				SectionName:       "Default",
 				ShowcaseFile:      showcase.CardDefault(),
-				PreviewCodeFile:   "button_default.templ",
+				PreviewCodeFile:   "card_default.templ",
-				ComponentCodeFile: "button.templ",
+				ComponentCodeFile: "card.templ",
 			})
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
 				SectionName:       "With Image Left",

internals/ui/pages/dropdown_menu.templ

@@ -15,20 +15,20 @@ templ DropdownMenu() {
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
 				SectionName:       "Default",
 				ShowcaseFile:      showcase.DropdownMenuDefault(),
-				PreviewCodeFile:   "dropdownmenu.templ",
+				PreviewCodeFile:   "dropdown_menu_default.templ",
-				ComponentCodeFile: "dropdownmenu.templ",
+				ComponentCodeFile: "dropdown_menu.templ",
 			})
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
 				SectionName:       "With Icons",
 				ShowcaseFile:      showcase.DropdownMenuWithIcons(),
-				PreviewCodeFile:   "dropdownmenu_with_icons.templ",
+				PreviewCodeFile:   "dropdown_menu_with_icons.templ",
-				ComponentCodeFile: "dropdownmenu.templ",
+				ComponentCodeFile: "dropdown_menu.templ",
 			})
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
 				SectionName:       "Advanced",
 				ShowcaseFile:      showcase.DropdownMenuAdvanced(),
-				PreviewCodeFile:   "dropdownmenu_advanced.templ",
+				PreviewCodeFile:   "dropdown_menu_advanced.templ",
-				ComponentCodeFile: "dropdownmenu.templ",
+				ComponentCodeFile: "dropdown_menu.templ",
 			})
 		}
 	}

internals/ui/pages/icon.templ

@@ -13,34 +13,29 @@ templ Icon() {
 			Description: templ.Raw(`A wrapper for <a href="https://lucide.dev" target="_blank" rel="noopener noreferrer" class="text-primary underline underline-offset-2 hover:opacity-80 transition-opacity">Lucide Icons</a> with optional settings for size, color, fill, stroke, and custom classes. Browse available icons in the Lucide library to see what you can use.`),
 		}) {
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
-				SectionName:       "Default",
+				SectionName:     "Default",
-				ShowcaseFile:      showcase.IconDefault(),
+				ShowcaseFile:    showcase.IconDefault(),
-				PreviewCodeFile:   "icon_default.templ",
+				PreviewCodeFile: "icon_default.templ",
-				ComponentCodeFile: "icon.templ",
 			})
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
-				SectionName:       "Colored",
+				SectionName:     "Colored",
-				ShowcaseFile:      showcase.IconColored(),
+				ShowcaseFile:    showcase.IconColored(),
-				PreviewCodeFile:   "icon_colored.templ",
+				PreviewCodeFile: "icon_colored.templ",
-				ComponentCodeFile: "icon.templ",
 			})
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
-				SectionName:       "Filled",
+				SectionName:     "Filled",
-				ShowcaseFile:      showcase.IconFilled(),
+				ShowcaseFile:    showcase.IconFilled(),
-				PreviewCodeFile:   "icon_filled.templ",
+				PreviewCodeFile: "icon_filled.templ",
-				ComponentCodeFile: "icon.templ",
 			})
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
-				SectionName:       "Sizes",
+				SectionName:     "Sizes",
-				ShowcaseFile:      showcase.IconSizes(),
+				ShowcaseFile:    showcase.IconSizes(),
-				PreviewCodeFile:   "icon_sizes.templ",
+				PreviewCodeFile: "icon_sizes.templ",
-				ComponentCodeFile: "icon.templ",
 			})
 			@modules.ExampleWrapper(modules.ExampleWrapperProps{
-				SectionName:       "Custom Classes",
+				SectionName:     "Custom Classes",
-				ShowcaseFile:      showcase.IconCustomClasses(),
+				ShowcaseFile:    showcase.IconCustomClasses(),
-				PreviewCodeFile:   "icon_custom_classes.templ",
+				PreviewCodeFile: "icon_custom_classes.templ",
-				ComponentCodeFile: "icon.templ",
 			})
 		}
 	}