Nonsense Placement Mandatory

    @fishtripr/fishtripr-ui

    0.18.0 • Public • Published

    Fishtripr Components for Vue.js

    Installation and Usage:

    1. yarn add @fishtripr/fishtripr-ui
    2. require/import the package require('@fishtripr/fishtripr-ui') or import '@fishtripr/fishtripr-ui'
    3. For Nuxt, add the package to nuxt.config.js
      build: {
        vendor: ['@fishtripr/fishtripr-ui']
      }

    List of components:

    All components are registered with the Vue global and are available for use. You do not need to re-register them.

    Event Bus

    You can use the Fishtripr Component's own event bus to pass data around.

    List of events supported:

    focusChanged

    Parameters: Element which was clicked

    Usage:

    import {eventBus} from '@fishtripr/fishtripr-ui';
     
    eventBus.$on('focusChanged', (element) => {
      // Do a few things if focus changes your element.
    });

    More events will be supported as needed.

    Fishtripr Radio

    Usage:

    <fly-form-item>
      <fly-form-label slot='label'>
        Who will be travelling ?
      </fly-form-label>
      <fly-radio-group v-model='travellers'>
        <fly-radio label='alone'></fly-radio>
        <fly-radio label='couple'></fly-radio>
        <fly-radio label='family'></fly-radio>
        <fly-radio label='friends'></fly-radio>
        <fly-radio label='group'></fly-radio>
      </fly-radio-group>
    </fly-form-item>
    

    Install

    npm i @fishtripr/fishtripr-ui

    DownloadsWeekly Downloads

    2

    Version

    0.18.0

    License

    ISC

    Unpacked Size

    9.37 MB

    Total Files

    71

    Last publish

    Collaborators

    • fishtripr-com
    • kevtss