Card Overview

The Vehicle Card Overview is a useful component that allows you to display the overview elements divided evenly across the card using the props.

window.ND_COMPONENT_CONTEXT = {
  site: {
    unit: {
      isImperial,
    },
    country: '',
    currency: {
      intlSymbol: '',
    },
    language: '',
  }
};

Usage

2020
Automatic
10 colours
Petrol
Options
CSS Variables
Vue Component Usage
<search-vehicle-overview
  fields="[object Object]"
  item="[object Object]"
></search-vehicle-overview>
HTML Element Component Usage
<nd-component name="search-vehicle-overview" data='{"item":{"condition":"New","registration":{"year":"2020"},"transmission":{"type":"Automatic"},"bodyStyle":"Hatchback","colour":{"exterior":"10 colours","interior":"10 colours"},"fuel":{"type":"Petrol"},"odometer":{"unit":"miles","value":5000}},"fields":{"default":[{"field":"registration.year","icon":"mdi-calendar-month-outline"},{"field":"transmission.type","icon":"mdi-car-shift-pattern"},{"field":"colour.exterior","icon":"mdi-palette-outline"},{"field":"fuel.type","icon":"mdi-gas-station"}]}}'></nd-component>

Api/Services
N/A
Module/properties
N/A