v svg icons

V-SVG-ICONS

Ikon SVG untuk Vuejs.
Türkçe readme dosyası için tıklayın!

Memulai

Instruksi ini akan memberi Anda salinan komponen dan berjalan di mesin lokal Anda.

Menginstal

Anda dapat menginstal komponen V-SVG-ICONS dengan NPM

 npm i v-svg-icons

Setelah diunduh, V-SVG-ICONS akan siap digunakan di aplikasi VUE.JS Anda

Penggunaan

• Ekspor komponen V-SVG-ICON ke file Main.js

 import icons from "v-svg-icons" ;

• Daftarkan komponen V-SVG-ICONS dengan nama apa pun yang Anda inginkan

 Vue . component ( "icon" , icons ) ;

Setelah langkah ini, dapat digunakan oleh semua komponen terdaftar dalam proyek Anda dengan nama tag.

• Untuk menggunakan ikon, Anda harus menentukan nama ikon yang Anda inginkan dengan parameter nama di dalam tag.

< icon name="arrow-up">

• Anda dapat menentukan nilai lebar dan tinggi seperti pada contoh.
  Nilai lebar dan tinggi default untuk semua ikon adalah 50px.

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

• Anda dapat menggunakan parameter "warna" untuk mengubah warna ikon.

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

• Anda dapat menggunakan nama ikon sebagai nama kelas untuk operasi gaya tambahan.

< icon name="arrow-up" />

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

Anda dapat menerapkan semua perubahan yang dapat dilakukan untuk SVG seperti pada contoh.

Versi

Kami menggunakan GitHub untuk versi.

Penulis

• Mehmet Sağır

Lisensi

Lisensi di bawah lisensi MIT, lihat lisensi untuk detailnya.