Feature Flags

We favor the use of feature flags when a UI change should be released uniformly across the product. This allows teams to independently develop and deploy.

Install the component dependency:

Name
Value
Description
Default
children
any
children that need this context
flags
{ [name: string]: boolean|string|number }
dictionary of flag names and values
{}

Certain Design System components may need to react to feature flags. Watch for messaging in the#design-system channel for when feature flags are in active use. Product dev teams will need to request flags from the flag provider as they normally do. Then feed them to the Design System in this manner.

Import the FeatureFlags React context provider:

And wrap all your Design System code in this provider.

You may also find that you can use the Feature Flags component generally as a utility for your own code.

Import the useFeatureFlags React hook to consume the feature Flags