# Configuration

Pass a `CashierProperties` object to the constructor.

| Field | Type | Required | Description |
|  --- | --- | --- | --- |
| `baseUrl` | string | Yes | Checkout host. Use the checkout domain Omno assigned to your account; default `https://checkout.omno.com`. |
| `device` | `DeviceType` | No | `AUTO`, `DESKTOP` or `MOBILE`. Overrides auto-detection. |
| `returnUrlAfterRedirection` | string | No | URL to return to after a redirect-based payment. |
| `styles` | `CashierStyles` | No | Modal and mobile styling — see [Mobile & layout](/cashier/sdk/mobile-and-layout). |


```typescript
import {
  DeviceType,
  type CashierProperties,
  type ModalStyles,
  type MobileStyles,
} from "@omno-payment/checkout-js";

const config: CashierProperties = {
  baseUrl: "https://checkout.omno.com",
  device: DeviceType.AUTO,
  returnUrlAfterRedirection: "https://merchant.example.com/return",
  styles: {
    modal: {
      backgroundColor: "rgba(0,0,0,0.4)",
      width: "900px",
      height: "800px",
      borderRadius: "12px",
      zIndex: 9,
    } as ModalStyles,
    mobile: {
      backgroundColor: "rgba(0,0,0,0.4)",
      zIndex: 10,
    } as MobileStyles,
  },
};

const cashier = new CashierSDK(config);
```

Default styling values: modal `rgba(0,0,0,0.4)`, `900px` × `800px`, radius `12px`, `zIndex` 9; mobile `rgba(0,0,0,0.4)`, `zIndex` 10.

## Build it →

- [Opening the Cashier](/cashier/sdk/open) · [Mobile & layout](/cashier/sdk/mobile-and-layout) · [TypeScript](/cashier/sdk/typescript)