Customization

The Wallet API UI SDK provides a KigoContext object that allows you to customize various aspects of the SDK to fit your application’s needs. This includes localization, theme customization, component properties, logger options, and more.

When you use the Kigo.setContext method to customize the context, the new context properties you provide are deeply merged with the default or previously set context. This means that only the properties you specify are updated, while other existing properties remain unchanged.

kigo.setContext({
    locale: {
        walletLabel: "Loyalty Wallet",
        rewardLabel: { singular: "reward", plural: "rewards" }
    },
    theme: {
        palette: {
            primary: '#4B55FD',
            secondary: '#FF4081'
        }
    }
});

Explore Customization in Storybook

To see live examples of how you can customize components using the KigoContext, visit our Storybook.