@ogea12/icons est un package se présentant comme une bibliothèque d'icônes inspirée de Lucide React, offrant ainsi une collection d'icônes complète et facilement utilisable, qui reflète l'identité visuelle de l'OGEA 12.

Premiers pas

Installation

Pour utiliser le package, vous devez d'abord l'intégrer dans votre projet.

npm install @ogea12/icons

# Assurez-vous également d'installer les packages suivants
npm install react react-dom

Utilisation

Une fois l'installation terminée, vous pouvez ajouter les icônes à votre interface. L'exemple ci-dessous ne montre pas toutes les façons possibles de personnaliser l'apparence d'une icône.

import { BriefcaseIcon, ChevronDownIcon } from '@ogea12/icons'

export default function Home() {
  return (
    <>
      {/* Using Tailwind CSS classes for styling */}
      <ChevronDownIcon className="text-slate-700" />
      <BriefcaseIcon className="stroke-slate-400 text-slate-700" size={48} />

      {/* Using properties for styling */}
      <ChevronDownIcon color="#334155" />
      <BriefcaseIcon primaryColor="#334155" secondaryColor="#94A3B8" size={48} />
    </>
  )
}