@fishtank/icons-vue
    TypeScript icon, indicating that this package has built-in type declarations

    3.13.1 • Public • Published

    Fishtank Vue Icons

    @fishtank/icons-vue is an NPM module which allows all icons from the Fishtank Design System to be imported directly as VueJS modules without the need for any sort of Webpack loaders or other complicated build pipeline.

    Installation

    npm install @fishtank/icons-vue

    Basic Usage Instructions

    Each of the icons in the system can be imported via a CamelCase name matching its official definition and added to your Vue component:

    import Vue from 'vue'
    import { Calendar24 as CalendarIcon } from '@fishtank/icons-vue'
     
    export default Vue.extend({
      //...
      components: {
        CalendarIcon
      }
      //...
    })

    Then in your view template:

    <div>
      <CalendarIcon/>
    </div>

    Development

    This package is autogenerated by walking the icon files in the @fishtank/icons npm module's dist/ directory. The primary javascript build relies on RollupJS and a custom plugin to generate the javascript based on the aforementioned dist/ directory. There is also a utility build process which produces a compatible typescript definition file.

    Keywords

    none

    Install

    npm i @fishtank/icons-vue

    DownloadsWeekly Downloads

    12

    Version

    3.13.1

    License

    Apache-2.0

    Unpacked Size

    454 kB

    Total Files

    13

    Last publish

    Collaborators

    • dmargol_bloomberg
    • hlopezgudiel
    • gneraltsao
    • ransanjeev
    • yoginpatel
    • oewulum
    • kwebb30