ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

ModalHeader

Header sub-component for Modal. Renders a styled title area with bottom border.

Basic Header

Simple text title in a modal header with bottom border.

Edit Profile
Modal body would appear here.

With Icon

Header with an icon alongside the title text.

Settings
Configure your preferences below.

Various Contexts

Different header titles for common modal use cases.

Create New
Confirm Delete

Full Modal Context

ModalHeader used with ModalBody and ModalFooter together.

Confirm Action
Are you sure you want to proceed?

Usage

<ModalHeader>Edit Profile</ModalHeader><ModalHeader><Icon name="settings" size="18" /> Settings</ModalHeader>

Props

PropTypeDefaultDescription
childrencontent-Header content (title text, icons)