fancy-cards

1.0.9 • Public • Published

description

fancy-cards exports a React Component. It renders its children with an overlay. The overlay is hiding on hover. The transition effect is based on cursor position.

installation

npm install fancy-cards

code example

function App() {
  return (
      <FancyCard
        style={{
          background: '#77c98d',
          minWidth: 150,
          padding: 16,
        }}
        overlay={
          <div 
            style={{ 
              background: 'rgba(255,255,255,.95)', 
              padding: 16 
            }}
          >
            VISIBLE ON HOVER
          </div>
        }
      >

        ALWAYS VISIBLE

      </FancyCard>
  );
}

example of FancyCard usage

Readme

Keywords

none

Package Sidebar

Install

npm i fancy-cards

Weekly Downloads

1

Version

1.0.9

License

ISC

Unpacked Size

987 kB

Total Files

4

Last publish

Collaborators

  • zieleniowy