v svg icons

V-SVG-ICons

SVG -Symbole für Vuejs.
Türkçe readme dosyası için tıklayın!

Erste Schritte

Mit diesen Anweisungen erhalten Sie eine Kopie der Komponente auf Ihrem lokalen Computer.

Installation

Sie können die V-SVG-ICons-Komponente durch NPM installieren

 npm i v-svg-icons

Nach dem Download können V-SVG-ICons in Ihren VUE.JS-Anwendungen verwendet werden

Verwendung

• Exportieren Sie die V-SVG-ICons-Komponente in die Main.js-Datei

 import icons from "v-svg-icons" ;

• Registrieren Sie die V-SVG-ICons-Komponente mit jedem gewünschten Namen

 Vue . component ( "icon" , icons ) ;

Nach diesem Schritt kann es von allen registrierten Komponenten in Ihrem Projekt mit dem Tag -Namen verwendet werden.

• Um Symbole zu verwenden, müssen Sie den Namen des gewünschten Symbols mit dem Namen Parameter im Tag angeben.

< icon name="arrow-up">

• Sie können die Breiten- und Höhenwerte wie im Beispiel angeben.
  Die Standardbreite und Höhenwerte für alle Symbole betragen 50px.

< icon name="arrow-up" size="60px" />

• Sie können den Parameter "Farbe" verwenden, um die Farbe der Symbole zu ändern.

< icon name="arrow-up" color="black" />
< icon name="arrow-up" color="# 000 " />
< icon name="arrow-up" color="rgba(0, 0, 0, . 2 )" />

• Sie können den Namen des Symbols als Klassenname für zusätzliche Styling -Operationen verwenden.

< icon name="arrow-up" />

<style >
    . arrow-up {
        fill : green;
        background : red;
        width : 150 px ;
        height : 150 px ;
    }
< / style >

Sie können alle Änderungen anwenden, die für SVG wie im Beispiel vorgenommen werden können.

Versioning

Wir verwenden GitHub für die Versionierung.

Autoren

• Mehmet Sağır

Lizenz

In der MIT -Lizenz lizenziert, siehe Lizenz für Einzelheiten.