---


Usage

$3

This package can be installed using npm or yarn:

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

``js
import ErrorMessage from '@justeat/f-error-message';
import '@justeat/f-error-message/dist/f-error-message.css';

export default {
components: {
ErrorMessage
}
}
`

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

`js
import '@justeat/f-error-message/dist/f-error-message.css';

export default {
components: {
...
ErrorMessage: () => import(/ webpackChunkName: "error-message" / '@justeat/f-error-message')
}
}

`

Configuration

$3

f-error-message does not expose any props.

`js
Default error message
`

Development

Start by cloning the repository and installing the required dependencies:

`sh
$ git clone git@github.com:justeat/fozzie-components.git
$ cd fozzie-components
$ yarn
`

Change directory to the f-error-message package:

`sh
$ cd packages/components/atoms/f-error-message
`

$3

Storybook can be used to develop new and existing components.

To start storybook:

> Please ensure you are in the f-error-message directory as outlined in the above instructions.

`sh


cd to the storybook package

$ cd ../../../storybook

Run storybook

$ yarn storybook:serve
``

This will build and serve storybook at http://localhost:8080.