@patternfly/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
44 lines • 2.23 kB
TypeScript
import * as React from 'react';
import { PickOptional } from '../../helpers/typeUtils';
export interface ExpandableSectionProps extends React.HTMLProps<HTMLDivElement> {
/** Content rendered inside the Expandable Component */
children?: React.ReactNode;
/** Additional classes added to the Expandable Component */
className?: string;
/** Flag to indicate if the content is expanded */
isExpanded?: boolean;
/** Text that appears in the attached toggle */
toggleText?: string;
/** Text that appears in the attached toggle when expanded (will override toggleText if both are specified; used for uncontrolled expandable with dynamic toggle text) */
toggleTextExpanded?: string;
/** Text that appears in the attached toggle when collapsed (will override toggleText if both are specified; used for uncontrolled expandable with dynamic toggle text) */
toggleTextCollapsed?: string;
/** React node that appears in the attached toggle in place of toggle text */
toggleContent?: React.ReactNode;
/** Callback function to toggle the expandable content. Detached expandable sections should use the onToggle property of ExpandableSectionToggle. */
onToggle?: (isExpanded: boolean) => void;
/** Forces active state */
isActive?: boolean;
/** Indicates the expandable section has a detached toggle */
isDetached?: boolean;
/** ID of the content of the expandable section */
contentId?: string;
/** Display size variant. Set to large for disclosure styling. */
displaySize?: 'default' | 'large';
/** Flag to indicate the width of the component is limited. Set to true for disclosure styling. */
isWidthLimited?: boolean;
/** Flag to indicate if the content is indented */
isIndented?: boolean;
}
interface ExpandableSectionState {
isExpanded: boolean;
}
export declare class ExpandableSection extends React.Component<ExpandableSectionProps, ExpandableSectionState> {
static displayName: string;
constructor(props: ExpandableSectionProps);
static defaultProps: PickOptional<ExpandableSectionProps>;
private calculateToggleText;
render(): JSX.Element;
}
export {};
//# sourceMappingURL=ExpandableSection.d.ts.map