Now Paging Maciej

    @shapla/vue-icon

    1.0.0 • Public • Published

    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

    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

    Install

    npm i @shapla/vue-icon

    DownloadsWeekly Downloads

    16

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    10.4 kB

    Total Files

    14

    Last publish

    Collaborators

    • sayful