notion-design-system
Version:
A comprehensive Notion-inspired design system built with React, TypeScript, and Tailwind CSS
22 lines (21 loc) • 600 B
TypeScript
import React from 'react';
import { BaseComponentProps } from '../../types';
export interface SidebarItem {
id: string;
title: string;
type: 'page' | 'folder';
icon?: React.ReactNode;
children?: SidebarItem[];
expanded?: boolean;
level?: number;
}
export interface SidebarProps extends BaseComponentProps {
items: SidebarItem[];
onItemClick?: (item: SidebarItem) => void;
onItemToggle?: (item: SidebarItem) => void;
selectedId?: string;
searchable?: boolean;
width?: number;
}
declare const Sidebar: React.FC<SidebarProps>;
export default Sidebar;