v svg icons

V-SVG-icons

Ícones SVG para Vuejs.
Türkçe ReadMe Dosyası Için Tıklayın!

Começando

Essas instruções lhe darão uma cópia do componente em funcionamento em sua máquina local.

Instalação

Você pode instalar o componente V-SVG-ICONS pelo NPM

 npm i v-svg-icons

Após o download, o V-SVG-icons estará pronto para usar em seus aplicativos Vue.js

Uso

• Exportar o componente V-SVG-ICONS para o arquivo main.js

 import icons from "v-svg-icons" ;

• Registre o componente V-SVG-ICONS com qualquer nome que você quiser

 Vue . component ( "icon" , icons ) ;

Após esta etapa, ele pode ser usado por todos os componentes registrados em seu projeto pelo nome da tag.

• Para usar os ícones, você deve especificar o nome do ícone que deseja com o parâmetro de nome dentro da tag.

< icon name="arrow-up">

• Você pode especificar os valores de largura e altura, como no exemplo.
  Os valores de largura e altura padrão para todos os ícones são 50px.

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

• Você pode usar o parâmetro "cor" para alterar a cor dos ícones.

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

• Você pode usar o nome do ícone como o nome da classe para operações adicionais de estilo.

< icon name="arrow-up" />

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

Você pode aplicar todas as alterações que podem ser feitas para SVG, como no exemplo.

Versão

Usamos o GitHub para versões.

Autores

• Mehmet Sağır

Licença

Licenciado sob a licença do MIT, consulte a licença para obter detalhes.