SukoChat

The floating chat widget that appears on all pages of your restaurant website.

Basic usage

import { SukoChat } from '@suko/chat'
 
<SukoChat apiKey="sk_live_your_key" />

Prop	Type	Default	Description
`apiKey`	`string`	required	Your Suko API key
`preset`	`string`	`'modern'`	Widget style preset
`theme`	`object`	`{}`	Color overrides
`position`	`string`	`'bottom-right'`	Widget position
`baseUrl`	`string`	auto	API base URL (leave empty in production)

Available presets: modern, elegant, cozy, minimal, playful, fresh, bold, classic

<SukoChat
  apiKey="sk_live_your_key"
  preset="elegant"
/>

<SukoChat
  apiKey="sk_live_your_key"
  theme={{
    primary: '#FF5C1A',
  }}
/>

<SukoChat
  apiKey="sk_live_your_key"
  position="bottom-left"
/>