This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@shapla/vue-icon

Shapla Icon

The icon-container component is a container for any type of icon font. Because the icons can take a few seconds to load, and because you want control over the space the icons will take, you can use the icon class as a reliable square container that will prevent the page to "jump" on page load.

Table of contents

• Installation
• Usage

Installation

npm install --save @shapla/vue-icon

Usage

Styles

with Sass:

import '@shapla/vue-icon/src/index.scss';

with CSS:

import '@shapla/vue-icon/dist/style.css';

Javascript Instantiation

import ShaplaIcon from '@shapla/vue-icon';

export default {
  name: 'Hello',

  components: {
    ShaplaIcon
  },
}

<shapla-icon size="medium"><i class="fas fa-fw"></i></shapla-icon>

Props

Property	Type	Required	Default	Description
size	String	no	``	Value can be small or medium or large
hoverable	Boolean	no	false	If set true, transparent background color will be added on hover