design-react-kit
Version:
Componenti React per Bootstrap 5
42 lines (41 loc) • 2.06 kB
TypeScript
import { ElementType, FC, HTMLAttributes, Ref } from 'react';
import { CSSModule } from 'reactstrap/types/lib/utils';
export interface CollapseProps extends HTMLAttributes<HTMLElement> {
/** Indica se il menu HeaderNav sia aperto o meno. Usato unicamente nel caso della HeaderNav, ovvero con navbar e header entrambi true */
isOpen?: boolean;
/** Oggetto contenente la nuova mappatura per le classi CSS. */
cssModule?: CSSModule;
/** Utilizzarlo in caso di utilizzo di componenti personalizzati */
tag?: ElementType;
/** Indica se il componente Collapse è usato all'interno di un componente navbar */
navbar?: boolean;
/** Indica se il componente Collapse ha al suo interno un Megamenu */
megamenu?: boolean;
/** Indica se il componente Collapse è usato all'interno di un componente Header */
header?: boolean;
delay?: {
show: number;
hide: number;
};
/** Funzione chiamata all'apertura del componente Collapse */
onOpened?: () => void;
/** Funzione chiamata alla chiusura del componente Collapse */
onClosed?: () => void;
/** Funzione chiamata durante la trasizione di apertura del componente Collapse */
onEntering?: () => void;
/** Funzione chiamata al termine della trasizione di apertura del componente Collapse */
onEntered?: () => void;
onExit?: () => void;
/** Funzione chiamata durante la trasizione di chiusura del componente Collapse */
onExiting?: () => void;
/** Funzione chiamata al termine della trasizione di chiusura del componente Collapse */
onExited?: () => void;
/** Funzione chiamata su click di overlay dell'HeaderNav aperto. Usato unicamente nel caso della HeaderNav, ovvero con navbar e header entrambi true */
onOverlayClick?: () => void;
/** Da utilizzare per impostare un riferimento all'elemento DOM */
innerRef?: Ref<HTMLElement>;
/** Testo pulsante di chiusura per screen reader */
closeSrText?: string;
testId?: string;
}
export declare const Collapse: FC<CollapseProps>;