> For the complete documentation index, see [llms.txt](https://docs.mediainfokreasindo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mediainfokreasindo.com/style-and-themes.md).

# Style & Themes

**Floating Action Button**

```javascript
import { ClientSDK } from '@csm-sdk/client';
const csm = new ClientSDK({
  clientKey: "YOUR_CLIENT_KEY"
})
csm.buildChat({
  user: null,
  config: {
    type: "floating",
  }
})
```

**Element Container**

```javascript
import { ClientSDK } from '@csm-sdk/client';
const csm = new ClientSDK({
  clientKey: "YOUR_CLIENT_KEY"
})
csm.buildChat({
  user: null,
  config: {
    type: "container",
    containerId: "chat-container",
    containerStyle: 'width:100%;height:800px'
  }
})
```