@fishtripr/fishtripr-ui

## How to use: 1. Just use `yarn add @fishtripr/fishtripr-ui -S` 2. Use the components in your file directly.

Stats

StarsIssuesVersionUpdatedCreatedSize
@fishtripr/fishtripr-ui
0.18.03 years ago3 years agoMinified + gzip package size for @fishtripr/fishtripr-ui in KB

Readme

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>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.