Nebula

logo

Import

import { Logo } from '@xpanseinc/nebula'

Usage

Style variants

Below are the 4 style's of the Logo component, deliniated by:

variant = 'stack' | 'icon' | 'full' | 'wordmark'

Any other valid HTML attributes can be passed to the component. So use for example use width, color etc or style with CSS.

Full

<Logo />

Icon

<Logo variant="icon" height="200" />

Stack

<Logo variant="stack" width="300" />

Wordmark

<Logo variant="wordmark" color="black" />