Visual E-Card

Version: 3.3.3

Author: Nouman Azam

Description

Visual E-Card is a React component designed for rendering e-cards with Tailwind CSS. It provides a customizable and flexible way to create e-cards using modern web technologies.

Installation

You can install the package via npm:

npm install visual-ecard

Usage

Here’s a basic example of how to use the DefineCard component in your React application:

import React from "react";
import { DefineCard } from "visual-ecard";
import cards from "./dummy.json"; // Replace with your own JSON data

function App() {
  return (
    <div className="App">
      <DefineCard cards={cards} />
    </div>
  );
}

export default App;

Props

• cards (Array): An array of card data in JSON format, which will be rendered by the component.

Styling

The package includes built-in styling using Tailwind CSS. To ensure the styles are applied, make sure you import the CSS file in your project:

import "visual-ecard/dist/index.css";

Scripts

• build: Builds the project using Rollup.
• npm:details: Displays a dry-run of the npm package contents.
• npm:publish: Builds and publishes the package to npm.

Peer Dependencies

Make sure you have the following dependencies installed in your project:

• react: >=16.8.0
• react-dom: >=16.8.0
• react-markdown: ^8.0.0
• react-router-dom: ^6.0.0

License

This project is licensed under the MIT License.