Customizations
enosix Cloud UI supports two customization approaches. Choose based on how much you need to change.
Custom Component Overrides
Replace individual UI components inside Cloud UI with your own implementations — without modifying the core library.
Use this when you need to change the appearance or behavior of a specific component (for example, a navigation bar, a price display, or the embedded viewer) while leaving the rest of the application intact.
You can also override translations by passing a custom TranslationsSettings object to the providers — no component replacement required.
Custom Apps
Register entirely new application experiences inside Cloud UI.
Use this when you need to build a bespoke workflow that goes beyond what component-level overrides can provide. You build your experience as a React component, give it a unique app ID, and register it in src/appConfig.ts. When the host application (for example, Salesforce) requests your app by ID, Cloud UI loads your component the same way it loads any built-in app.
Custom apps participate in the same message channel as built-in apps, so they can receive context from the host (such as customer or order data) and send events back when the user completes or cancels an action.
Local Development
Before running any customization locally, make sure your local environment is configured correctly. See the Environment Variables page for a full reference of available variables and how to set them in public/config.js.