lucid-ui
Version:
A UI component library from AppNexus.
74 lines (73 loc) • 2.2 kB
TypeScript
import React from 'react';
import { StandardProps } from '../../util/component-types';
interface IPanelHeaderProps extends StandardProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
description?: string;
}
interface IPanelFooterProps extends StandardProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
description?: string;
}
export interface IPanelProps extends StandardProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
/** *Child Element* - Header contents. Only one \`Header\` is used. */
Header?: React.ReactNode & {
props: IPanelHeaderProps;
};
/** *Child Element* - Footer contents. Only one \`Footer\` is used. */
Footer?: React.ReactNode & {
props: IPanelFooterProps;
};
/** If set to true, creates a content section with no padding. */
isGutterless: boolean;
/** If set to false, removes margin around the Panel */
hasMargin: boolean;
/** If set to true, makes content overflow scrollable, when Panel has a set
* height. */
isScrollable: boolean;
}
export declare const Panel: {
(props: IPanelProps): React.ReactElement;
defaultProps: {
isGutterless: boolean;
hasMargin: boolean;
isScrollable: boolean;
};
displayName: string;
peek: {
description: string;
categories: string[];
};
propTypes: {
className: any;
Header: any;
Footer: any;
children: any;
isGutterless: any;
hasMargin: any;
style: any;
isScrollable: any;
};
Header: {
(_props: IPanelHeaderProps): null;
displayName: string;
peek: {
description: string;
};
propTypes: {
description: any;
children: any;
};
propName: string;
};
Footer: {
(_props: IPanelFooterProps): null;
displayName: string;
peek: {
description: string;
};
propTypes: {
description: any;
children: any;
};
propName: string;
};
};
export default Panel;