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
travelers={travelers}
room={room}
optionalActivities={optionalActivities}
updateTraveler={updateTraveler}
/>
<Summary
tour={tour}
travelers={transformTravelers(node_travelerproduct)}
node_deadline={orderNodeDeadline(node_deadline)}
node_payment={node_payment}
/>
<BookingFlight />
</div>
</React.StrictMode>,
)