System Variables

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

NameDescription
Is OnlineReturns 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 iOSReturns a true or false depending on whether the app is running on an iOS device or not.
Is AndroidReturns a true or false depending on whether the app is running on an Android device or not.
Is WebIs Web - Returns a true or false depending on whether the app is running in a Web browser or not.
Window DimensionsReturns an object with width and heightkeys populated with the device's window/screen dimensions
Window WidthReturns a number representing the width of the device's window/screen
Window HeightReturns a number representing the height of the device's window/screen
Tablet or LargerReturns true/false based on the device's window/screen dimensions
Laptop or LargerReturns true/false based on the device's window/screen dimensions
Desktop or LargerReturns true/false based on the device's window/screen dimensions
Big Screen or LargerReturns true/false based on the device's window/screen dimensions
Tablet Min WidthReturns a number based on the minimum width for the Tablet and Larger breakpoint
Laptop Min WidthReturns a number based on the minimum width for the Laptop and Larger breakpoint
Desktop Min WidthReturns a number based on the minimum width for the Desktop and Larger breakpoint
Big Screen Min WidthReturns 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