Custom Cards Component

Vision

My goal is to make a fully functional, easily customizable and easy to use Cards component for React because cards are highly used, and its tiring to re write boilerplate card code again and again

Install

To install the cards component in your react app run:

npm i react-beautiful-cards

Usage

To use the cards component in your react app first import it:

import CustomCards from "react-beautiful-cards"

What does the component recieve

The component recieves an array of objects with will match the cards.

📌 The length of the array will represent the amount of cards

The array should look something like this:

let cards = [
     {'body':'body1',"img":"image1"},
     {'body':'body2',"img":"image2"},
     {'body':'body3',"img":"image3"},

 ]

📌 Each card object contains an image and it's body text

Then we will just pass the card array as a prop:

<CustomCards cards={cards}/>

Lots more features coming soon

• For help or questions - Get in touch - Website