Some properties provide flexibility for specific integrations. Follow the component's usage guidance. Customizations beyond the documented patterns need a use case approved by DNB UX. Read about intended use and customization.
Properties#
| Type | Description | |
|---|---|---|
svg | React.Component React.Element function | (optional) Provide a custom SVG to render instead of the built-in logos. Accepts a React SVG component, element, or a function that receives the theme and returns an SVG component. Width, height and color properties still apply. If not provided, defaults to DNB logo. Import SVGs from @dnb/eufemia/components/Logo (e.g., DnbDefault, SbankenDefault, SbankenCompact, SbankenHorizontal, CarnegieDefault, EiendomDefault). When using a function, it receives the theme context (useTheme return value) allowing theme-aware logo selection. |
color | string | (optional) Define the color of the logo. |
inheritColor | boolean | (optional) Set to true to inherit the color with currentColor. Defaults to false. |
inheritSize | boolean | (optional) Set to true if you want to inherit the height of the parent. Defaults to false. |
width | string | (optional) Define the width of the logo. |
height | string | (optional) Define the height of the logo. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |