@procore/core-react
Version:
React library of Procore Design Guidelines
38 lines (31 loc) • 2.09 kB
TypeScript
import React from 'react';
import type { TypographyProps } from '../Typography';
import type { PanelBodyProps, PanelHeaderActionProps, PanelHeaderProps, PanelProps, PanelQaTags } from './Panel.types';
export declare const MoreIcon: React.FC<React.HTMLAttributes<HTMLDivElement> & {
qa?: Pick<PanelQaTags, 'moreIcon'>;
}>;
/**
Panels help users complete tasks or view additional information alongside the
main content of a page.
Panels are often initiated by clicking on an item somewhere on the main page,
and they often contain additional information or options specific to that item.
@since 10.19.0
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-panel--demo)
@see [Design Guidelines](https://design.procore.com/panel)
*/
export declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>> & {
Body: React.ForwardRefExoticComponent<PanelBodyProps & React.RefAttributes<HTMLDivElement>>;
Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
FooterActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
FooterNotation: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
Header: React.ForwardRefExoticComponent<PanelHeaderProps & React.RefAttributes<HTMLDivElement>>;
HeaderAction: React.ForwardRefExoticComponent<PanelHeaderActionProps & React.RefAttributes<HTMLSpanElement>>;
HeaderActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
qa?: Pick<PanelQaTags, "moreIcon"> | undefined;
} & React.RefAttributes<HTMLDivElement>>;
Section: React.ForwardRefExoticComponent<import("../Section").SectionProps & React.RefAttributes<HTMLDivElement>>;
Title: React.ForwardRefExoticComponent<TypographyProps & {
qa?: Pick<PanelQaTags, "title"> | undefined;
id?: string | undefined;
} & React.RefAttributes<HTMLHeadingElement>>;
};