v svg icons

V-SVG-ICONS

Значки SVG для Vuejs.
Türkse readme dosyası izin tıklayın!

Начиная

Эти инструкции дадут вам копию компонента и работают на вашей локальной машине.

Установка

Вы можете установить компонент V-SVG-ICons с помощью NPM

 npm i v-svg-icons

После загрузки V-Svg-ICons будет готова к использованию в ваших приложениях vue.js

Использование

• Экспорт компонента V-SVG-ICons в файл main.js

 import icons from "v-svg-icons" ;

• Зарегистрируйте компонент V-SVG-ICons с любым именем, которое вы хотите

 Vue . component ( "icon" , icons ) ;

После этого шага его можно использовать всеми зарегистрированными компонентами в вашем проекте по имени тега.

• Чтобы использовать значки, вы должны указать имя значка, который вам нужен с параметром имени внутри тега.

< icon name="arrow-up">

• Вы можете указать значения ширины и высоты, как в примере.
  Ширина по умолчанию и значения высоты для всех значков составляет 50 %.

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

• Вы можете использовать параметр «Цвета», чтобы изменить цвет значков.

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

• Вы можете использовать имя значка в качестве имени класса для дополнительных операций стиля.

< icon name="arrow-up" />

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

Вы можете применить все изменения, которые могут быть внесены для SVG, как в примере.

Версии

Мы используем GitHub для управления версиями.

Авторы

• Мехмет Сагир

Лицензия

Лицензировано по лицензии MIT, см. Лицензию для получения подробной информации.