Modal

Overview

When to use

t.b.d.

When to consider an alternative

t.b.d.

Component

Default (React)

Default (HTML)

Add the data-modal-target attribute to any element to make it a modal trigger. The value of the attribute should be the id of the modal you want to trigger, prefixed with a #.

Properties

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-
id	String	true	-
tagline	String	false	-
fullscreen	Bool	false	-
onClose	Func	false	-

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-

Property	Type	Required	Default
utilClassNames	String	false	-
boxed	Bool	false	-
title	String	false	-
badge	String	false	-
image	Node	false	-

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-
boxed	Bool	false	-

Property	Type	Required	Default
children	Node	false	-
utilClassNames	String	false	-
boxed	Bool	false	-

Overview

When to use

When to consider an alternative

Component

Default (React)

Default (HTML)

Properties

Modal

Modal Item

Modal Header

Modal Body

Modal Footer