Type usage examples for octicons-react

typed-examples.tsx

import React from 'react';
// all of the icons are auto-completeable in IDE imports
import Octicon, {Globe, getIconByName} from '@githubprimer/octicons-react';

import {storiesOf} from '@storybook/react';

storiesOf('Icon', module)
  // won't compile, icon prop required
  .add('Empty icon', () => <Octicon />)
  // won't compile, string not assignable, needs to be Icon<x, y>, or a StatelessComponent
  .add('Passing invalid item', () => <Octicon icon="globe" />)
  .add('Passing valid item', () => <Octicon icon={Globe} />)
  .add('Passing valid item by string ref', () => <Octicon icon={getIconByName('globe')} />);