Forms

All forms in the UI need to be embedded inside one of the following form components. These components will generate the <form> element add the necessary attributes for analytics and compliance. The following is an example of the code generated.

<form class="your-class" id="dr_deal_terms" name="DR Deal Terms" action="/api/v1/dr/quote">
</form>

DMDealForm

This form is used for all Digital Retailing parameter fields.

Attributes:

Name	Required	Description
className	No	You custom css class to apply to the form.

import {DMDealForm} from "@dealermesh/react";

<DMDealForm className={'your-class'}>
  ... your code here
</DMDealForm>

DMOffersForm

This form is used for offers, rebates and incentives selection.

Attributes:

Name	Required	Description
className	No	You custom css class to apply to the form.

import {DMOffersForm} from "@dealermesh/react";

<DMOffersForm className={'your-class'}>
  ... your code here
</DMOffersForm>

DMPlansForm

This form is used for protection plan selections.

Attributes:

Name	Required	Description
className	No	You custom css class to apply to the form.

import {DMPlansForm} from "@dealermesh/react";

<DMPlansForm className={'your-class'}>
  ... your code here
</DMPlansForm>

DMTradeForm

This form is used for capturing the trade vehicle details. The input fields will vary based on the trade partner.

Attributes:

Name	Required	Description
type	Yes	The vehicle identifier type - plate or vin or ymmt
step	Yes	The step the UI is in - id or miles or options. This list can vary based on the partner.
className	No	You custom css class to apply to the form.

import {DMTradeForm} from "@dealermesh/react";

<DMTradeForm className={'your-class'}>
  ... your code here
</DMTradeForm>

DMSoftCreditForm

This form is used for submitting a soft credit check.

Attributes:

Name	Required	Description
className	No	You custom css class to apply to the form.

import {DMSoftCreditForm} from "@dealermesh/react";

<DMSoftCreditForm className={'your-class'}>
  ... your code here
</DMSoftCreditForm>

DMCreditAppForm

This form is used manage a full credit application.

Attributes:

Name	Required	Description
className	No	You custom css class to apply to the form.

import {DMCreditAppForm} from "@dealermesh/react";

<DMCreditAppForm className={'your-class'}>
  ... your code here
</DMCreditAppForm>