Geoblink Design System

GeoModal Ready 7.3.0+

GeoModal is a generic component designed to block user interaction with underlying UI while forcing them to focus attention in modal's child component.

Use it together with GeoBorderedBox to offer a modal window experience.

Properties

Prop name Type Default value Description
attachTo null 
function () {
  return getDocument().body
}
 Show description
headerIcon array Show description
headerCloseIcon array 
function () {
  return []
}
 Show description

Events

Name Type Description
click-backdrop MouseEvent User clicked on backdrop
close MouseEvent User clicked close icon

Slots

Name Description
default

Use this slot to customize modal content. If you want to display a GeoBorderedBox, check out header, body and footer slots.

header

Use this slot to customize GeoBorderedBox header. If you give content to default slot this slot will be ignored.

body

Use this slot to customize GeoBorderedBox body. If you give content to default slot this slot will be ignored.

Use this slot to customize GeoBorderedBox footer. If you give content to default slot this slot will be ignored.

Constants

This component has no exported constants.

Examples

Body-attached modal

Body-attached GeoBorderedBox-based modal

Body-attached modal with tabs

Container-attached modal