Atlas/Showcase

Demo Pages

OverviewAuthDataFormFlagsObservabilityA11y & ThemeConsent
Demo Mode

Data is mocked and in-memory only.

Feature Flags Demo

Demonstrates feature toggles and kill switch patterns using the Atlas feature flags module.

Current Flag States
Flags are read from runtime config. Source: runtime

Demo New Table

When enabled, shows the new table design

key: demo_new_table

Disabled

Demo Dangerous Action

A risky feature that can be killed

key: demo_dangerous_action

Disabled
FeatureGuard Component
Conditionally render content based on flag state with fallback support

New Table Feature:

🚫 New table is disabled. Enable demo_new_table flag.

Kill Switch Pattern
Kill switches forcibly disable features, taking precedence over the feature flag

Dangerous Action Button:

Kill Switch Logic:

  • Feature flag demo_dangerous_action: disabled
  • Kill switch kill_demo_dangerous_action: inactive
  • Result: Action is blocked
How to Configure Flags

Feature flags are read from runtime config. To change flag values:

config/server.ts:

features: {
  demo_new_table: true,
  demo_dangerous_action: true,
  kill_demo_dangerous_action: false,
}

In production, flags are typically managed via environment variables or a feature flag service (LaunchDarkly, etc.).