Logo

Lightspeed Logo component.

Installation

First, make sure you have been through the install steps steps required to add Flame in your application. Although it's not required to have Flame installed to use Logo, you will need to install its peer dependencies.

If using Yarn:

yarn add @lightspeed/cirrus-ls-logo

Or using npm:

npm i -S @lightspeed/cirrus-ls-logo

React Component

Props

| Prop | Type | Description | | ------- | ------------------------------------------------------ | ------------------------------------------------- | | width | string | Logo width, height will be proportional on type | | type | oneOf([horizontal, flame, vertical]) | Logo type, default is horizontal | | color | oneOf([red-white, maple, dive, night, snow]) | Optional color variants |

Example

import * as React from 'react';
import { Logo } from '@lightspeed/cirrus-ls-logo';

const MyComponent: React.FC = () => (
  <div>
    <Logo />
  </div>
);

export default MyComponent;