@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
52 lines (51 loc) • 1.59 kB
TypeScript
/**
* Web Modal Component
*
*/
import React from 'react';
import { SectionProps } from '../../section/Section';
import ModalContext from '../ModalContext';
import { ReactChildType } from '../types';
export interface ModalHeaderProps extends Omit<SectionProps, 'children'> {
/**
* The content which will appear when triggering the modal/drawer.
*/
children?: ReactChildType;
/**
* The modal/drawer title. Displays on the very top of the content.
*/
title?: React.ReactNode;
/**
* Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).
*/
className?: string;
/**
* Give the h1 component a classname (maps to `dnb-modal__title`)
*/
title_class?: string;
/**
* Font size of the title (maps to `dnb-h--<size>`)
* Default is `large`
*/
size?: 'medium' | 'large' | 'x-large' | 'xx-large';
}
export default class ModalHeader extends React.PureComponent<ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title' | 'children'>> {
static contextType: React.Context<{
preventClick: any;
onKeyDownHandler: any;
id: any;
title: any;
hide_close_button: any;
close_button_attributes: any;
close_title: any;
setBackgroundColor: any;
onCloseClickHandler: any;
contentRef: any;
scrollRef: any;
hide: any;
contentId: any;
close: any;
}>;
context: React.ContextType<typeof ModalContext>;
render(): import("react/jsx-runtime").JSX.Element;
}