Files
supabase/apps/design-system/registry/default/example/inner-side-menu-multiple-sections.tsx
Ivan Vasilov 1cd1ebfc7f chire: Sort imports in all packages, cms, design-system and ui-library apps (#41610)
Sorted all imports in all packages, `cms`, `design-system` and
`ui-library` apps by running `pnpm format` on them.

All changes in this PR are done by the script.
2026-02-05 13:54:10 +01:00

33 lines
1.1 KiB
TypeScript

import React from 'react'
import {
InnerSideMenuCollapsible,
InnerSideMenuCollapsibleContent,
InnerSideMenuCollapsibleTrigger,
InnerSideMenuItem,
InnerSideMenuSeparator,
} from 'ui-patterns/InnerSideMenu'
export default function InnerSideMenuMultipleSections() {
return (
<div className="w-64">
<InnerSideMenuCollapsible>
<InnerSideMenuCollapsibleTrigger title="Development" />
<InnerSideMenuCollapsibleContent>
<InnerSideMenuItem href="#" isActive>
API
</InnerSideMenuItem>
<InnerSideMenuItem href="#">Database</InnerSideMenuItem>
</InnerSideMenuCollapsibleContent>
</InnerSideMenuCollapsible>
<InnerSideMenuSeparator />
<InnerSideMenuCollapsible>
<InnerSideMenuCollapsibleTrigger title="Analytics" />
<InnerSideMenuCollapsibleContent>
<InnerSideMenuItem href="#">Reports</InnerSideMenuItem>
<InnerSideMenuItem href="#">Usage</InnerSideMenuItem>
</InnerSideMenuCollapsibleContent>
</InnerSideMenuCollapsible>
</div>
)
}