A System Variable is a variable with a pre-defined value. Draftbit exposes different types of System Variables. System Variables are available in any variable dropdown where Variables can be used.

📘
System Variables are read-only and their value can't be set

Available System Variables

Name	Description
Is Online	Returns a `true` or `false` depending on the device's network state. If the device is is connected to a network, it will return `true` and vice versa. Uses React Native Netinfo API.
Is iOS	Returns a `true` or `false` depending on whether the app is running on an iOS device or not.
Is Android	Returns a `true` or `false` depending on whether the app is running on an Android device or not.
Is Web	Is Web - Returns a `true` or `false` depending on whether the app is running in a Web browser or not.
Window Dimensions	Returns an object with `width` and `height`keys populated with the device's window/screen dimensions
Window Width	Returns a number representing the width of the device's window/screen
Window Height	Returns a number representing the height of the device's window/screen
Tablet or Larger	Returns `true`/`false` based on the device's window/screen dimensions
Laptop or Larger	Returns `true`/`false` based on the device's window/screen dimensions
Desktop or Larger	Returns `true`/`false` based on the device's window/screen dimensions
Big Screen or Larger	Returns `true`/`false` based on the device's window/screen dimensions
Tablet Min Width	Returns a number based on the minimum width for the Tablet and Larger breakpoint
Laptop Min Width	Returns a number based on the minimum width for the Laptop and Larger breakpoint
Desktop Min Width	Returns a number based on the minimum width for the Desktop and Larger breakpoint
Big Screen Min Width	Returns a number based on the minimum width for the Big Screen and Larger breakpoint

📘
Theme Colors
All of your named theme colors are also available as System Variables

📘

Available System Variables

📘Theme Colors

📘
Theme Colors