Class

FullscreenHeader

FullscreenHeader(props) → {React.ReactElement}

Constructor

# new FullscreenHeader(props) → {React.ReactElement}

Overview

Vertically scrollable header with default close button. You are able to define your own root node as well as icon and tooltip for CloseButton.

Usage

This component should be used with a FullscreenDialog as a root node.
Parameters:
Name Type Attributes Default Description
props Object
closeIcon React.ReactNode <optional>

An element placed inside of the CloseButton element.

CloseButtonProps Object <optional>

Props applied to the CloseButton element.

CloseTooltipProps Object <optional>

Props applied to the CloseButton tooltip.

HeaderComponent React.ElementType <optional>
HeaderElement

The component used for the root node.

HeaderProps Object <optional>

Props applied to the root node.

id string

The id of the component.

onClose function <optional>

Callback fired when the component requests to be closed.

optional React.ReactNode <optional>

An element placed before CloseButton.

title React.ReactNode <optional>

The content of the component.

View Source Utils/Dialogs/FullscreenDialog/FullscreenHeader.js, line 114

React.ReactElement