Uncodie
Technical DocumentationNo CodeTutorialsChangelogDisccord
Developers
Developers
  • 📖Documentation
    • Basic Concepts
      • Node JS
      • React
      • Postgres SQL
      • GraphQL
      • Git
      • API
  • 🔌API
    • Getting Started
      • Credentials
    • Users
      • Register User
    • Component Interface
      • Props
  • 🤖IDE
    • Getting started
    • Component View
      • CSS
      • Controller
      • Component
    • Compiler
    • Importing Code
      • Scripts
        • Manifest
      • Connectors
        • Manifest
      • Components
        • Manifest
    • Exporting Code
      • Design Systems
        • Custom React libraries
      • Guidelines
  • ⚙️Figma Plugin
    • Variables
      • Global Variables
      • Local Variables
      • Route Variables
      • Session Context
      • Window Variables
    • Actions
      • GraphQL Trigger
      • Refresh Query
      • Set Variable
      • Select and Navigate
  • 🎛️Settings
    • User Authentication
    • Git
    • External Deployment
    • Version Control
    • External DB Setup
    • SEO
Powered by GitBook
On this page
  • Overview
  • Screen Size

Was this helpful?

  1. Figma Plugin
  2. Variables

Window Variables

Variables provided by the user's screen while using the app.

PreviousSession ContextNextActions

Last updated 1 year ago

Was this helpful?

Overview

You can use these variables for data binding, visual logic, scripts, or query parameters, and will be some of the most recurrent start points for your application.

Screen Size

Access this context to bind the current window size to logic especially useful in visibility rules, which are screen ranges used as breakpoints for "adaptative designs".

Values

Value
Breakpoint
Description

xs

extra small

For screens with less than 480px

s

small

For screens from 480px to 767px

m

medium

For screens from 767px to 991px

l

large

For screens from 991px to 1200px

xl

extra large

For screens with more than 1200px

⚙️