Skip to content

Logo

Logo is used to display a brand logo.

Overview

Logo displays from a set of simple logo variants. Nebula includes a “default” which should be edited and additional variants can be added.

Customising logos

Use the theme to override the default variant or add more variants. The component will display any logo that is passed to it.

IE11 inconsistency
Using a styled component as a logo can cause them not to render in IE11 - a workaround is to pass the logo as a functional component (props) => <MyLogo {...props} />.

Properties

NameValuesDefault

variant

default

default

...

JSX.IntrinsicElements["img"]

Tokens