A destination header can be used as the header for content for any destination.

To implement DestinationHeader component into your project you'll need to add the import:

import DestinationHeader from "@kiwicom/orbit-components/lib/DestinationHeader";

After adding import into your project you can use it simply like:

<DestinationHeader image="dubai_ae" destinationCity="Dubai" />


Table below contains all types of the props available in DestinationHeader component.

Name Type Default Description
dataTest string Optional prop for testing purposes.
destinationCity Translation The name of the destination.
image string The image name of the destination. See Functional specs
onGoBack () => void /| Promise Function for handling onGoBack event.

Functional specs

  • You don't have to pass entire src of the image. Just dubai_ae, paris_fr etc. is enough.