1.0.1 • Published 4 years ago

shapla-icon-container v1.0.1

Weekly downloads
9
License
MIT
Repository
github
Last release
4 years ago

shapla-icon-container

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 i shapla-icon-container

Usage

Add the component:

import iconContainer from 'shapla-icon-container';

export default {
  name: 'Hello',

  components: {
    iconContainer
  },
}
<icon-container size="medium"><i class="fas fa-fw"></i></icon-container>

Props

PropertyTypeRequiredDefaultDescription
sizeStringno | Value can be small or medium or large
hoverableBooleannofalseIf set true, transparent background color will be added on hover
vuevuejspluginiconicon-container
vue
shapla-dashboard-layout@infinitebrahmanuniverse/nolb-shap@everything-registry/sub-chunk-2746
1.0.1

4 years ago

1.0.0

4 years ago