@tmnrp/react-sidebar
Version:
React sidebar is a component that can be used to display sidebar.
23 lines (22 loc) • 1.09 kB
TypeScript
import React from "react";
import { DetailedHTMLProps, HTMLAttributes } from "react";
export declare const Sidebar: ({ children, style, isExpanded, isExpandedWidth, isExpandedTransitionduration, ...props }: ISidebar) => JSX.Element;
export interface ISidebar extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
isExpanded: boolean;
isExpandedWidth?: string | number | undefined;
isExpandedTransitionduration?: number;
}
export declare const SidebarToggler: ({ style, isExpanded, toggle, isExpandedIcon, isCollapsedIcon, ...props }: ISidebarToggler) => JSX.Element;
export interface ISidebarToggler extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
isExpanded: boolean;
toggle: () => void;
isExpandedIcon: React.ReactNode;
isCollapsedIcon: React.ReactNode;
}
export declare const useSidebar: (props?: {
defaultIsExpanded?: boolean | undefined;
} | undefined) => {
isExpanded: boolean;
setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
toggle: () => void;
};