Header

This component can be used to show a header in a page template.

Usage

import Header from "@finanzchef24gmbh/design-system/src/Header";

Props

• The ekomiFlag shows the text in the Ekomi Badge.
• The ekomiImageBig is used in the ekomi part on desktop and tablet.
• The ekomiImageSmall is used in the ekomi part on mobile.
• The guidanceStepper is shown if showGuidanceStepper is true.
• The logoWithLink can be used to show a different link and logo than the default settings.
• The phoneNumber is a react element

Example

<Header
  ekomiFlag={<EkomiFlag>Top eKomi-Bewertungen</EkomiFlag>}
  ekomiImageBig={
    <IconCircle color="brand">
      <CrownIcon color="brand" scale="huge" />
    </IconCircle>
  }
  ekomiImageSmall={
    <IconCircle color="brand">
      <CrownIcon color="brand" scale="huge" />
    </IconCircle>
  }
/>