Iconos Circum

September 24, 2022 · View on GitHub

Este paquete fue creado siguiendo el material de Google y los principios de diseño de IBM Carbon. Nuestro principal objetivo era mantener una cierta consistencia en todo el set y asegurarnos de que cada icono tuviera el mismo peso visual.

Disponible para estos marcos 👉 React, Vue y Svelte

Documentación

Français

English

Circum_Link (1)

Instalación

Instalar con 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

Uso/Ejemplos

// Agregue una de estas 3 líneas a continuación correspondiente a su marco
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"/>
// Puedes cambiar el color y el tamaño
<CircumIcon name="calendar" color="#000" size="48px">

Características

Constructor de matrices

Puede crear una matriz directamente en nuestro sitio web. No es necesario ir y venir para copiar el nombre de cada icono.
En este ejemplo, puedes ver cómo construir una navegación lateral 🏗👇 Puede encontrar este ejemplo aquí Circum-Icons-SvelteKit-Demo

Crear propiedades

Ahora puede ahorrar más tiempo agregando nuevas propiedades en su matriz. Recuerda que debes estar en modo objeto
si quieres ver la sección de propiedades. 😉😎🤓

new-properties

Iconos

Puede ver la lista de iconos disponibles en circumicons.com

Mapa vial

  • Administrador de propiedades (Posibilidad de agregar nuevas propiedades en Array Builder) 🏗
  • Agrega palabras clave a los términos de búsqueda 🔎
  • Iconos de descarga en el color que elijas 🎨
  • Cambiar el tamaño de los iconos sobre la marcha 🚀
  • Opciones del portapapeles en tipo de selección única (etiqueta de componente frente a SVG).📌
  • Acceso premium // Array Builder para iconos 809, Component Builder y más. 💸

¡Dónde encontrarnos! 👀

Autores