+2 -1

apps/docs/src/lib/site-components/Navbar.svelte

Reviewed

··· 3 3 4 4 import Logo from './Logo.svelte'; 5 5 import ThemeSelectDropdown from './ThemeSelectDropdown.svelte'; 6 6 + import { Github } from '@fuxui/social'; 6 7 7 8 let { hasSidebar = false, showLogo = true } = $props(); 8 9 </script> ··· 30 31 <ThemeSelectDropdown /> 31 32 <ThemeToggle /> 32 33 33 33 - <!-- <Github href="https://github.com/flo-bit/ui-kit" class="mr-2 p-2" /> --> 34 34 + <Github href="https://github.com/flo-bit/ui-kit" class="mr-2 p-2" /> 34 35 </div> 35 36 </Navbar>

+6

apps/docs/src/lib/site-components/components_base.ts

Reviewed

··· 23 23 24 24 import type { Component } from 'svelte'; 25 25 import CardPopover from '$lib/cards/base/CardPopover.svelte'; 26 26 + import CardSidebar from '$lib/cards/base/CardSidebar.svelte'; 26 27 27 28 export type ComponentCard = { 28 29 component: Component; ··· 148 149 component: CardPopover, 149 150 label: 'Popover', 150 151 href: 'popover' 152 152 + }, 153 153 + { 154 154 + component: CardSidebar, 155 155 + label: 'Sidebar', 156 156 + href: 'sidebar' 151 157 } 152 158 ].sort((a, b) => a.label.localeCompare(b.label));

+8

apps/docs/src/lib/cards/base/CardSidebar.svelte

Reviewed

··· 1 1 + <div class="absolute inset-0 h-full w-full p-1"> 2 2 + <div class="bg-base-200 dark:bg-base-900 h-full w-24 rounded-2xl p-2 border border-base-300 dark:border-base-800"> 3 3 + <div class="text-base-900 dark:text-base-50 text-sm font-semibold">Menu</div> 4 4 + <div class="text-base-900 dark:text-base-50 text-xs font-medium mt-4">Home</div> 5 5 + <div class="text-base-900 dark:text-base-50 text-xs font-medium mt-2">Settings</div> 6 6 + <div class="text-base-900 dark:text-base-50 text-xs font-medium mt-2">Profile</div> 7 7 + </div> 8 8 + </div>

+8

apps/docs/src/routes/(main)/components/base/sidebar/+page.svelte

Reviewed

··· 1 1 + <script lang="ts"> 2 2 + import SidebarDocs from './Sidebar.md'; 3 3 + import { Prose } from '@fuxui/base'; 4 4 + </script> 5 5 + 6 6 + <Prose> 7 7 + <SidebarDocs /> 8 8 + </Prose>

+26

apps/docs/src/routes/(main)/components/base/sidebar/Sidebar.md

Reviewed

··· 1 1 + # Sidebar 2 2 + 3 3 + ## Example 4 4 + 5 5 + For an example see the Sidebar at the side of this page. 6 6 + 7 7 + ## Usage 8 8 + 9 9 + ```svelte 10 10 + <script> 11 11 + import { Sidebar } from '@fuxui/base'; 12 12 + </script> 13 13 + 14 14 + <Sidebar> 15 15 + <div> 16 16 + <div>Home</div> 17 17 + <div>Settings</div> 18 18 + <div>Profile</div> 19 19 + </div> 20 20 + </Sidebar> 21 21 + 22 22 + <!-- to show mobile version add a popovertarget to a button --> 23 23 + <Button class="block lg:hidden" popovertarget="mobile-menu"> 24 24 + Menu 25 25 + </Button> 26 26 + ```