📗 Table of Contents

• 📖 About the Project

  • 🏗️ Key Technologies and Features
  • 🚀 Live Demo

• 💻 Getting Started

  • Install
  • Usage
  • Run tests

• 🙏 Acknowledgements

📖 Mint Icons

mint-icons is a React-based icon library designed for seamless integration across the MetaMarket microfrontend applications. This package provides a collection of reusable SVG icons optimized for performance and accessibility, ensuring a consistent visual experience throughout the project.

📦 Features

• 📁 SVG Icons: A set of optimized, scalable vector icons.
• 🛠️ React Components: Easy-to-use, customizable icons as React components.
• 🎨 Tailwind CSS Support: Pre-styled with Tailwind classes for quick integration.
• ⚡ Tree-shakable: Import only the icons you need to reduce bundle size.
• 🚀 TypeScript Support: Fully typed components for a better developer experience.

🚀 NPM

• Home Link

💻 Getting Started

Install

Install this project with:

  npm install @metamarket/mint-icons

Build Icons

  npx nx run mint-icons:build:icons

Usage

  import { ArrowLeft, ArrowRight } from '@metamarket/mint-icons';

  export default function App() {
    return (
      <div className="flex items-center gap-4">
        <ArrowLeft className="w-6 h-6 text-gray-600" />
        <ArrowRight className="w-6 h-6 text-blue-500" />
      </div>
    );
  }

🙏 Acknowledgments

• Figma design by Anima.
• The project setup using Nx tool.