@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
27 lines (26 loc) • 913 B
TypeScript
/**
* Web Modal Component
*
*/
import React from 'react';
import type { SectionProps } from '../../section/Section';
export type ModalHeaderProps = {
/**
* The content which will appear when triggering the modal/drawer.
*/
children?: React.ReactNode;
/**
* The modal/drawer title. Displays on the very top of the content.
*/
title?: React.ReactNode;
/**
* Give the h1 component a classname (maps to `dnb-modal__title`)
*/
titleClass?: string;
/**
* Font size of the title (maps to `dnb-h--<size>`)
* Default: `large`
*/
size?: 'medium' | 'large' | 'x-large' | 'xx-large';
} & Omit<SectionProps, 'children'>;
export default function ModalHeader({ title, children, titleClass, size, ref, ...sectionProps }: ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title' | 'children'>): import("react/jsx-runtime").JSX.Element;