Type Alias OkCollectStyle

Visual styling options for the OkCollect address collection UI.

Customize the appearance of the address collection interface to match your app's branding.

const style: OkCollectStyle = {
  color: '#FF5722', // Your brand's primary color
  logo: 'https://example.com/logo.png',
};

OkCollect - Parent configuration type

type OkCollectStyle = {
color: string;
logo: string;
}

Properties

color: string

Primary theme color for the UI in hexadecimal format. Applied to buttons, highlights, and accent elements.

'#005D67' (OkHi teal)

`'#FF5722'`

logo: string

URL to your company logo. Displayed in the address collection header.

'https://cdn.okhi.co/icon.png'

`'https://example.com/logo.png'`