Web & Mobile SDKs

npm install configbee-react

import { CbWrapper, useCbFlags } from 'configbee-react';

// Wrap your app
<CbWrapper accountId="YOUR_ACCOUNT_ID"
           projectId="YOUR_PROJECT_ID"
           environmentId="YOUR_ENV_ID">
  <App />
</CbWrapper>

// Use in any component
const { newFeature } = useCbFlags();
return newFeature ? <NewUI /> : <OldUI />;

npm install configbee-client-core

import Configbee from 'configbee-client-core';

const cb = Configbee.init({
  accountId: "YOUR_ACCOUNT_ID",
  projectId: "YOUR_PROJECT_ID",
  environmentId: "YOUR_ENV_ID",
  onReady: () => {
    if (cb.getFlag('new_feature')) showNewFeature();
  }
});

npm install ngx-configbee

// app.module.ts
constructor(cb: NgxConfigbeeService) {
  cb.init({ accountId: '...', projectId: '...', environmentId: '...' });
}

// template
<div *ngIf="cb.isActive">
  <p *ngIf="cb.flags.newFeature">New Feature is ON</p>
</div>

pip install configbee-server-sdk

import configbee

client = configbee.get_client(
  account_id="YOUR_ACCOUNT_ID",
  project_id="YOUR_PROJECT_ID",
  environment_id="YOUR_ENV_ID"
)
client.wait_to_load()

if client.get_flag('new_feature'):
    enable_new_feature()

flutter pub add configbee_flutter

final cb = ConfigbeeClient.init(ConfigbeeClientParams(
  accountId: "YOUR_ACCOUNT_ID",
  projectId: "YOUR_PROJECT_ID",
  environmentId: "YOUR_ENV_ID",
));
runApp(ConfigbeeProvider(client: cb, child: MyApp()));

// In your widget tree
ConfigbeeFlag(
  flagKey: 'new_feature',
  onEnabled: NewFeatureWidget(),
  onDisabled: OldFeatureWidget(),
)