Logo
Use this component whenever you want to show the Finanzchef24 Logo or the other tentant logos. It has settings for all available Logo styles according to our brand design.
Usage
import Logo from "@finanzchef24gmbh/design-system/src/Logo";
Props
| Property name | Type | Required | Values | Default |
|---|---|---|---|---|
altText | string | text | Finanzchef24 GmbH Gewerbe einfach gut versichert | |
isOnDarkBackground | boolean | true or false | false | |
logoUrl | string | img url |
- The
altTextshows an alt text for the logo. - If
isOnDarkBackgroundis true the svg fill color is white. - If the
logoUrlis filled in, we show it as an image with alt text and a set height depending on mobile, tablet and desktop. If not filled in, we show the default svg from our brand design.
Example
<Logo />