mt-flowbite-react/lib/esm/components/Sidebar/Sidebar.d.ts

Official React components built for Flowbite and Tailwind CSS

import type { ComponentProps, ElementType, FC, PropsWithChildren } from 'react';
import type { DeepPartial, FlowbiteBoolean } from '../../';
import type { FlowbiteSidebarCTATheme } from './SidebarCTA';
import type { FlowbiteSidebarCollapseTheme } from './SidebarCollapse';
import type { FlowbiteSidebarItemTheme } from './SidebarItem';
import type { FlowbiteSidebarLogoTheme } from './SidebarLogo';
export interface FlowbiteSidebarTheme {
    root: {
        base: string;
        collapsed: FlowbiteBoolean;
        inner: string;
    };
    collapse: FlowbiteSidebarCollapseTheme;
    cta: FlowbiteSidebarCTATheme;
    item: FlowbiteSidebarItemTheme;
    items: string;
    itemGroup: string;
    logo: FlowbiteSidebarLogoTheme;
}
export interface SidebarProps extends PropsWithChildren, ComponentProps<'div'> {
    as?: ElementType;
    collapseBehavior?: 'collapse' | 'hide';
    collapsed?: boolean;
    theme?: DeepPartial<FlowbiteSidebarTheme>;
}
export declare const Sidebar: FC<SidebarProps> & {
    Collapse: FC<import("./SidebarCollapse").SidebarCollapseProps>;
    CTA: FC<import("./SidebarCTA").SidebarCTAProps>;
    Item: import("react").ForwardRefExoticComponent<Omit<import("./SidebarItem").SidebarItemProps, "ref"> & import("react").RefAttributes<Element>>;
    Items: FC<import("./SidebarItems").SidebarItemsProps>;
    ItemGroup: FC<import("./SidebarItemGroup").SidebarItemGroupProps>;
    Logo: FC<import("./SidebarLogo").SidebarLogoProps>;
};