TerminologyOverlay

The TerminologyOverlay allows explaining some content in an additional overlay. The element is marked, and a click opens the overlay. The TerminologyOverlay consists of at least two elements, its trigger and the corresponding description.

Import

import { TerminologyOverlay } from '@dynatrace/strato-components-preview/overlays';

Use cases

CodeSandbox

Add a link

If the description is abstract and more information is necessary, it's also possible to link to further information.

CodeSandbox

Props

TerminologyOverlayProps

extends

Name	Type	Default	Description
defaultOpen?		false	Whether the overlay is open by default
children		-	The component accepts TerminologyOverlay.Trigger, TerminologyOverlay.Description, and TerminologyOverlay.Footer as children.

TerminologyOverlay.Description

You can use the TerminologyOverlay.Description component to render a helpful description of the terminology item, rendered inside the overlay.

TerminologyDescriptionProps

extends, , ,

TerminologyOverlay.Trigger

You can use the TerminologyOverlay.Trigger component to render the content of the overlay's trigger.

TerminologyOverlayTriggerProps

extends, ,

Name	Type	Default	Description
children	.	-	Trigger Overlay button must contain children elements.