react-hoverable-card

React card component with cool hover animation

Usage no npm install needed!

<script type="module">
  import reactHoverableCard from 'https://cdn.skypack.dev/react-hoverable-card';
</script>

README

react-hoverable-card

React card component with cool hover animation

Codacy Badge Build Status NPM Coverage Status NPM Downloads

Example

Example

Install

npm install --save react-hoverable-card

Usage

import React from 'react'

import { HoverableCard } from 'react-hoverable-card'
import 'react-hoverable-card/dist/index.css'

const App = () => {
  return (
    <HoverableCard
      cardTitle="Lorem Ipsum"
      cardDescription="Phasellus tincidunt vestibulum elit vel laoreet. Vivamus tincidunt augue eget lacus blandit tempor."
      cardImage="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1280px-React-icon.svg.png"
      hoverBgColor="grey"
    />
  )
}

export default App

Contributors

License

MIT © cappydh