@olleemilsson/flowbite-react
Version:
<div align="center"> <h1>:construction: flowbite-react (unreleased) :construction:</h1> <p> <a href="https://flowbite-react.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src=".github/assets/flowbite-react-github.png"> <
60 lines (59 loc) • 1.9 kB
TypeScript
import { ComponentProps, FC, PropsWithChildren } from 'react';
import { FlowbiteBoolean } from '../Flowbite/FlowbiteTheme';
import { SidebarCTAColors } from './SidebarCTA';
export interface FlowbiteSidebarTheme {
base: string;
collapsed: FlowbiteBoolean;
inner: string;
collapse: {
button: string;
icon: {
base: string;
open: FlowbiteBoolean;
};
label: {
base: string;
icon: string;
};
list: string;
};
cta: {
base: string;
color: SidebarCTAColors;
};
item: {
active: string;
base: string;
collapsed: {
insideCollapse: string;
noIcon: string;
};
content: {
base: string;
};
label: string;
icon: {
base: string;
active: string;
};
};
items: string;
itemGroup: string;
logo: {
base: string;
collapsed: FlowbiteBoolean;
img: string;
};
}
export interface SidebarProps extends PropsWithChildren<ComponentProps<'div'>> {
collapseBehavior?: 'collapse' | 'hide';
collapsed?: boolean;
}
export declare const Sidebar: FC<SidebarProps> & {
Collapse: FC<import("./SidebarCollapse").SidebarCollapseProps>;
CTA: FC<import("./SidebarCTA").SidebarCTAProps>;
Item: import("react").ForwardRefExoticComponent<Pick<import("./SidebarItem").SidebarItemProps, keyof import("./SidebarItem").SidebarItemProps> & import("react").RefAttributes<Element>>;
Items: FC<PropsWithChildren<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>>;
ItemGroup: FC<PropsWithChildren<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>>;
Logo: FC<import("./SidebarLogo").SidebarLogoProps>;
};