different-roads-booking-form
v3.3.13
Published
[![NPM version][npm-image]][npm-url] [![Build][github-build]][github-build-url] ![npm-typescript] [![License][github-license]][github-license-url]
Downloads
68
Readme
different-roads-booking-form
You can clone it and step by step create your own NPM package and publish it.
Reusable form for different roads.
Installation:
npm install different-roads-booking-form --save-dev
or
yarn add -D different-roads-booking-form
Usage :
Add PassangerForm
to your component:
import React from 'react'
import ReactDOM from 'react-dom/client'
import { PassangerForm, Summary, BookingFlight } from 'different-roads-booking-form'
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
<React.StrictMode>
<div>
<PassangerForm
setAnyError={setAnyError}
room={room}
roomIndex={key}
key={'room-settting-' + key}
updateTraveler={updateTravelerReservationsFields}
reservationFields={reservationFields}
travelers={state.travelers}
submitExecute={submitExecute}
setSubmitExecute={setSubmitExecute}
/>
<Summary
tour={tour}
travelers={transformTravelers(node_travelerproduct)}
node_deadline={orderNodeDeadline(node_deadline)}
node_payment={node_payment}
/>
<BookingFlight
flight={state.flight as Flight}
period={state.flight?.period as Period}
/>
</div>
</React.StrictMode>,
)