core-ui-sections

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<script>
  import { ContentSidebar } from '@sbx/core-ui/components/sections';
  import type { ContentSidebarSection } from '@sbx/core-ui/components/sections';

  const sections: ContentSidebarSection[] = [
    {
      label: 'Databases',
      type: 'section-header',
      children: [
        { label: 'PostgreSQL', href: '/db/pg', badge: '3' },
        { label: 'Redis', href: '/db/redis', badge: '1' },
      ]
    }
  ];
</script>

<ContentSidebar {sections} />