@justeat/f-content-cards

f-content-cards

Content cards component

---

Usage

1. Install the module using NPM or Yarn:

   yarn add @justeat/f-content-cards
   

   npm install @justeat/f-content-cards
   

2. Import the component

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

   import ContentCards from '@justeat/f-content-cards';
   import '@justeat/f-content-cards/dist/f-content-cards.css';
   
   export default {
       components: {
           ContentCards
       }
   }
   

   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-content-cards/dist/f-content-cards.css';
   
   export default {
       components: {
           ...
           ContentCards: () => import(/* webpackChunkName: "f-content-cards" */ '@justeat/f-content-cards')
       }
   }
   
   

Development

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

# cd /packages/f-content-cards
yarn install

# followed by
yarn demo

Documentation to be completed once module is in stable state.