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>,
)