Skip to content

Latest commit

 

History

History
81 lines (59 loc) · 3.09 KB

README-FR.md

File metadata and controls

81 lines (59 loc) · 3.09 KB

Circum Icons

Cette collection a été créée suivant les principes de design, Google Material et IBM Carbon. Notre objectif principal était de garder une certaine consistance à travers toute la collection et de s'assurer que chaque icône soit du même poids visuellement.

Disponible pour ces frameworks 👉 React, Vue and Svelte

Documentation

English

Circum_Link (1)

Installation

Installer avec npm

React

  npm i -D @klarr-agency/circum-icons-react

Vue.js

  npm i -D @klarr-agency/circum-icons-vue

Svelte

  npm i -D @klarr-agency/circum-icons-svelte

Usage/Exemples

// Ajouter l'une des lignes suivante selon votre framework
import CircumIcon from "@klarr-agency/circum-icons-react"; // React
import CircumIcon from "@klarr-agency/circum-icons-vue"; // Vue
import CircumIcon from "@klarr-agency/circum-icons-svelte"; // Svelte



<CircumIcon name="calendar"/>
// Vous pouvez changer la couleur et la taille
<CircumIcon name="calendar" color="#000" size="48px">

Fonctionnalités

Constructeur de liste

Vous pouvez créer une liste "array" directement sur notre site web. Vous n'avez pas besoin de naviguer entre le site et votre editeur de texte pour copier les noms d'icône que vous avez besoin.
Dans l'exemple ci-dessous vous pouvez voir comment construire un menu vertical. 🏗👇

array-builder.mp4
Vous pouvez trouver l'exemple ici Circum-Icons-SvelteKit-Demo

Ajout de propriétés

Maintenant vous pouvez sauvez encore plus de temps en ajoutant de nouvelles propriétés dans votre liste "Array".
Cette option est uniquement disponible en mode objet. 😉😎🤓

new-properties

Icônes

Vous pouvez voir la liste complète des icônes sur notre site circumicons.com

Roadmap

  • Property manager (Possibility to add new properties in the Array Builder) 🏗
  • Ajouter des nouveaux termes pour facilité la recherche 🔎
  • Télécharger les icônes de la couleur de votre choix 🎨
  • Redimensionner le choix d'icônes 🚀
  • Ajouter des options au presse-papier à la sélection simple (Component tag vs SVG).📌
  • Accès premium // Ajouter les mêmes fonctionnalités pour la version payante 💸

Où nous trouvez! 👀

Auteur