RequestNegotiableQuoteForm Container

Overview

The RequestNegotiableQuoteForm container component for the drop-in.

Version: 0.0.1

Configuration

The RequestNegotiableQuoteForm container provides the following configuration options:

Parameter	Type	Req?	Description
cartId	string	Yes	Unique identifier for cart
SuccessBanner	SlotProps<{ message: string	No	Configuration for success banner
Title	SlotProps<{ text: string	No	Title text for
CommentField	SlotProps<{ formErrors: Record<string	No	Configuration for comment field
isFormDisabled	boolean	Yes	Whether the form disabled state is active
setFormErrors	(errors: Record<string	Yes	Configuration for set form errors
QuoteNameField	SlotProps<{ formErrors: Record<string	No	Configuration for quote name field
isFormDisabled	boolean	Yes	Whether the form disabled state is active
setFormErrors	(errors: Record<string	Yes	Configuration for set form errors
AttachFileField	SlotProps<{ onChange: (files: File[]) => void	No	Callback function for attach file field
formErrors	Record<string	Yes	Configuration for form errors
isFormDisabled	boolean }>	Yes	Whether the form disabled state is active
RequestButton	SlotProps<{ requestNegotiableQuote: typeof requestNegotiableQuote	No	Configuration for request button
formErrors	Record<string	Yes	Configuration for form errors
isFormDisabled	boolean	Yes	Whether the form disabled state is active
setIsFormDisabled	(isFormDisabled: boolean) => void	Yes	Callback function for set is form disabled
SaveDraftButton	SlotProps<{ requestNegotiableQuote: typeof requestNegotiableQuote	No	Configuration for save draft button
formErrors	Record<string	Yes	Configuration for form errors
isFormDisabled	boolean	Yes	Whether the form disabled state is active
setIsFormDisabled	(isFormDisabled: boolean) => void	Yes	Callback function for set is form disabled

Slots

This container exposes the following slots for customization:

Slot	Type	Required	Description
slots	\{ ErrorBanner?: SlotProps<\{ message: string	No	Custom slot for rendering slots

Usage

The following example demonstrates how to use the RequestNegotiableQuoteForm container:

import { RequestNegotiableQuoteForm } from '@dropins/storefront-quote-management';

export default function MyComponent() {
  return (
    <RequestNegotiableQuoteForm
      cartId="abc-123"
      isFormDisabled={true}
      setFormErrors="example"
    />
  );
}