JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

const sandvik = {
  model: {
    formAction: null,
    personalTitle: 'Welcome to the Sandvik',
    personalTitleSub: 'Metal Powder Store',
    personalDescription: '<p>Welcome to the first step of signing up for Sandviks webshop. Start by creating a personal profile.</p>',
    personalApprovalCheckbox: 'I approve <a href="#register-terms" class="form-register__modal-trigger">Terms & Conditions for Sales and export control</a>',
    companyFormAction: null,
    companyTitle: 'Create company profile',
    companyDescription: '<p>Hi Adam, Thanks for signing up to Sandvik! Please add your company details below so to get access to the Sandvik Webshop.</p><p>Does your organisation already have an Sandvik account, that you want to join? <a href="#contact-us-about">Contact us</a></p>',
    invoiceAddressTitle: 'invoice address',
    invoiceAddressDescription: '<p>Phasellus accumsan ullamcorper ac ornare tellus molestie ex varius praesent</p>',
    invoiceAddressCopyFromCompany: 'Copy from company address',
    shippingAddressTitle: 'Shipping address',
    shippingAddressDescription: '<p>Phasellus accumsan ullamcorper ac ornare tellus molestie ex varius praesent</p>',
    shippingAddressCopyFromCompany: 'Copy from invoice address',
    reviewTitle: 'Review your account information',
    reviewPrimaryAction: 'Complete registration',
    successTitle: 'Sign up successfull',
    successDescription: '<p>Congrats! You have just created an account at Sandvik webshop. You will soon get an email where you can follow the link to confirm your information.</p><p>Your information will also be reviewed before you can order metal powder in your companys name. You will soon receive an email with information whether your company have been confirmed or not. </p>',
    successPrimaryAction: 'Proceed to Sandvik Metal Powder Store',
    successPrimaryActionUrl: '/',
  },
  sharedContent: {
    buttonContinue: 'Continue',
    buttonBack: 'Back',
    buttonCancel: 'Cancel',
    buttonEdit:...