@justeat/f-form-field

f-form-field

Fozzie Form Field Component

---

Usage

1. Install the module using NPM or Yarn:

   yarn add @justeat/f-form-field
   

   npm install @justeat/f-form-field
   

2. Import the component

   You can import it in your Vue SFC like this (please note that styles have to be imported separately):

   import FormField from '@justeat/f-form-field';
   import '@justeat/f-form-field/dist/f-form-field.css';
   
   export default {
       components: {
           FormField
       }
   }
   

   If you are using Webpack, you can import the component dynamically to separate the header bundle from the main bundle.client.js:

   import '@justeat/f-form-field/dist/f-form-field.css';
   
   export default {
       components: {
           ...
           FormField: () => import(/* webpackChunkName: "form-field" */ '@justeat/f-form-field')
       }
   }
   
   

Development

Running below yarn commands from the component folder, starts a development server displaying a preview example of the component implementation.

# cd /packages/f-form-field
yarn install

# followed by
yarn demo

Storybook

This component is also available to demo through our Storybook instance which can be served locally by running yarn storybook:serve from the mono-repo root.

Documentation to be completed once module is in stable state.