pogosnap-web-components

Web Components for PoGoSnap

Usage no npm install needed!

<script type="module">
  import pogosnapWebComponents from 'https://cdn.skypack.dev/pogosnap-web-components';
</script>

README

PoGoSnap Web Components Build Status Codacy Badge npm

Components for PoGoSnap, use them in the following way

npm install --save pogosnap-web-components

import { Card } from 'pogosnap-web-components';

const mewCard = <Card pokemonNumber="151" imageUrl="http://foo.com/mew.jpg" description="Mew" userName="Gimpneek" />

Available components:

  • Footer
  • Logo
  • Button
  • Header
  • CardHeader
  • PokemonDetail
  • CardFooter
  • CardImage (using react-lazyload)
  • CardConfirmation
  • Card
  • ImageFeed
  • FeaturedImage
  • GridImage (using react-lazyload)
  • ImageGrid
  • PokedexEntries
  • TabBar
  • ButtonField
  • ButtonGroupField
  • FieldField
  • InputField
  • SelectField
  • Modal

To see the components in action just run npm run storybook and visit http://localhost:6006.