@cloudflare/component-logo

Cloudflare Logo Component

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@cloudflare/component-logo
Minified + gzip package size for @cloudflare/component-logo in KB

Readme

@cloudflare/component-logo

Cloudflare Logo Component

Installation

Installation with yarn is recommended


$ yarn add @cloudflare/component-logo

Usage

import React from 'react';
import { Logo, LogoInline, LogoCloud, LogoHeader } from '../../src';
import { Box } from '@cloudflare/component-box';

const ViewComponent = () => (
  <div>
    <h2>Logo</h2>
    <Logo />
    <Box backgroundColor="gray.2">
      <Logo light />
    </Box>
    <h2>LogoInline</h2>
    <LogoInline />
    <Box backgroundColor="gray.2">
      <LogoInline light />
    </Box>
    <h2>LogoCloud</h2>
    <LogoCloud />
    <Box backgroundColor="gray.2">
      <LogoCloud />
    </Box>
    <h2>LogoHeader (responsive)</h2>
    <Box border="1px solid #ccc">
      <LogoHeader />
    </Box>
  </div>
);

export default ViewComponent;

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.