We've just released a new version of the component library

To help customers who are using Duffel Components without React, we recently enabled UMD modules. To support this, we've separated the JavaScript code from the CSS styles, which is a breaking change (version 2.0.0).

To be able to have the component styles make sure to import them.

To import the CSS used in all Duffel components:

import "@duffel/components/dist/duffel-components.min.css"

To only import the CSS for the card payment component:

import "@duffel/components/dist/CardPayment.min.css"

To only import the CSS for the seat selection component:

import "@duffel/components/dist/SeatSelection.min.css"

If you are using our UMD solution, make sure to import the CSS inside your application:

To import the CSS used in all Duffel components:

<link
  rel="stylesheet"
  href="https://unpkg.com/@duffel/components@2.0.1/dist/duffel-components.min.css"
/>

To only import the CSS for the card payment component:

<link
  rel="stylesheet"
  href="https://unpkg.com/@duffel/components@2.0.1/dist/CardPayment.min.css"
/>

To only import the CSS for the seat selection component:

<link
  rel="stylesheet"
  href="https://unpkg.com/@duffel/components@2.0.1/dist/SeatSelection.min.css"
/>