StageIntro

caution

This component is intended to be used as a direct child of the Stage component.
The Stage component must be set with its stageVariant prop set to intro.
The StageIntro component is not meant to be used as a standalone component. Using it as a such may result in unexpected behaviours.

StageIntro component is used to display an introductory text.

Import

React

// with @dhl-official/react-library:
import { DhlStageIntro } from "@dhl-official/react-library"

// with @dhl-official/ui-libraries/react-library:
import { DhlStageIntro } from "@dhl-official/ui-libraries/react-library"

Angular

If the DUIL has been installed, you can use the web component directly:

<dhl-stage-intro></dhl-stage-intro>

Vue.js

// with @dhl-official/vue-library:
import { DhlStageIntro } from "@dhl-official/vue-library"

// with @dhl-official/ui-libraries/vue-library:
import { DhlStageIntro } from "@dhl-official/ui-libraries/vue-library"

Code

React

<DhlStageIntro>
  It's often said that the moment you think you know China, it changes again. While this may ring true, there are still ways to help businesses navigate and prosper in the next new China.
</DhlStageIntro>

Angular

<dhl-stage-intro>
  It's often said that the moment you think you know China, it changes again. While this may ring true, there are still ways to help businesses navigate and prosper in the next new China.
</dhl-stage-intro>

Vue.js

<dhl-stage-intro>
  It's often said that the moment you think you know China, it changes again. While this may ring true, there are still ways to help businesses navigate and prosper in the next new China.
</dhl-stage-intro>

Interactive Demo

Readme

Slots

Slot	Description
"unnamed"	it must hold text to be used as intro.

Dependencies

Depends on

• dhl-grid-container
• dhl-grid-cell

Graph

---

Built by DHL User Interface Library Team!