@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
47 lines • 1.21 kB
TypeScript
import { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
import { ExpandableSectionProps, InternalVariant } from './interfaces';
interface ExpandableDefaultHeaderProps {
id: string;
descriptionId?: string;
className?: string;
children?: ReactNode;
expanded: boolean;
ariaControls: string;
ariaLabel?: string;
onKeyUp: KeyboardEventHandler;
onKeyDown: KeyboardEventHandler;
onClick: MouseEventHandler;
icon: JSX.Element;
variant: InternalVariant;
}
interface ExpandableSectionHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'children' | 'icon'> {
header?: ReactNode;
headerText?: ReactNode;
headerDescription?: ReactNode;
headerCounter?: string;
headerInfo?: ReactNode;
headerActions?: ReactNode;
headingTagOverride?: ExpandableSectionProps.HeadingTag;
ariaLabelledBy?: string;
}
export declare const ExpandableSectionHeader: ({
id,
descriptionId,
className,
variant,
header,
headerText,
headerDescription,
headerCounter,
headerInfo,
headerActions,
headingTagOverride,
expanded,
ariaControls,
ariaLabel,
ariaLabelledBy,
onKeyUp,
onKeyDown,
onClick
}: ExpandableSectionHeaderProps) => JSX.Element;
export {};