Mega-card NPM | npm.io

📝 Table of Contents

🧐 About

mega-card serves as a simple card component.

📦 Installing

NPM

npm install mega-card

Yarn

yarn add mega-card

🎈 Usage

import React from 'react'
import Navvy from 'navvy'

const App = () => {
  return <MegaCard />
}

export default App

⚙ Options

{
  background: 'white' // Background color.
  color: 'blue' // Theme color.
  data: '$100.00' // Data to display.
  icon: 'Info' // Grommet Icon to display.
  indicator: true // Whether or not to display an indicator bubble.
  shadowSize: 'small' // Size of box-shadow
  shadowType: 'dark' // Color of box-shadow.
  title: 'Title' // Title to display.
  titleColor: 'blue' // Color of Title.
  type: 'card' // Type of MegaCard to render.
}