# WebRAD Documentation WebRAD guides: projects, 31 components, events, RestGO, and Web/PWA and native builds. URL: https://webrad.atentor.com/docs Updated: 2026-11-07 31 components 146 events TypeScript editable examples ## Getting started - [Getting started](https://webrad.atentor.com/docs/primeiros-passos): Create a project, build a screen, and run Preview. ## Code and configure - [IDE and project structure](https://webrad.atentor.com/docs/ide-e-projetos): Find the main files, panels, commands, and keyboard shortcuts. - [Project settings](https://webrad.atentor.com/docs/configuracoes-do-projeto): Configure identity, environments, icons, metadata, and platforms. - [Global variables (Env)](https://webrad.atentor.com/docs/global-variables): Define project-wide values in Project Settings and read them through Env. - [Packages and libraries](https://webrad.atentor.com/docs/packages): Install NPM libraries, import them in TypeScript, and restore project dependencies. - [Interactions and events](https://webrad.atentor.com/docs/interactions): Link events and use sender, event, and CurrentRow. - [Layout and styles](https://webrad.atentor.com/docs/layout): Configure containers, responsiveness, styles, themes, and fonts. - [Global functions](https://webrad.atentor.com/docs/globals): Use built-in functions, pass page parameters, and create shared functions in Units. - [RestGO SDK](https://webrad.atentor.com/docs/restgo-sdk): Configure RestGO and use login, sessions, accounts, APIs, Storage, videos, and payments. ## Build and publishing - [Pages, routing, and hosting](https://webrad.atentor.com/docs/rotas-e-hospedagem): Define URLs, browser titles, and direct link behavior. - [Web and PWA builds](https://webrad.atentor.com/docs/build-web-pwa): Export application files and enable installation and offline use. - [Native builds and GitHub Actions](https://webrad.atentor.com/docs/build-nativo): Prepare Tauri desktop and mobile applications or export a project for CI. ## Components - [Page](https://webrad.atentor.com/docs/page): Page, browser tab title, navigation, and lifecycle events. - [Panel](https://webrad.atentor.com/docs/panel): Container with a background, borders, image, and progress outline. - [Group](https://webrad.atentor.com/docs/group): Transparent container for arranging components and layout. - [Reusable Element](https://webrad.atentor.com/docs/reusable-element): A reusable element instance, in the normal flow or floating. - [Label](https://webrad.atentor.com/docs/label): Text with automatic sizing. - [HTML](https://webrad.atentor.com/docs/html): Display HTML and CSS or embed an external HTTPS document. - [Edit](https://webrad.atentor.com/docs/edit): Single-line input with a type, value, and editing events. - [Date](https://webrad.atentor.com/docs/date): Local date or date and time input with a calendar, display mask, and validation. - [Text Area](https://webrad.atentor.com/docs/text-area): Multiline text input. - [Button](https://webrad.atentor.com/docs/button): Button with a caption, icon, and click event. - [Check Box](https://webrad.atentor.com/docs/check-box): Boolean selection with a caption and enabled state. - [Toggle](https://webrad.atentor.com/docs/toggle): Boolean switch without a caption. - [Progress Bar](https://webrad.atentor.com/docs/progress-bar): Linear or circular progress with a range, value, and calculated percentage. - [Icon](https://webrad.atentor.com/docs/icon): Lucide icon, displayed statically or as a button without a caption. - [Menu](https://webrad.atentor.com/docs/menu): Navigation with submenus, search, and a drawer for small screens. - [Login](https://webrad.atentor.com/docs/login): RestGo email/password login, registration, and password recovery in a Panel or Popup. - [Combo Box](https://webrad.atentor.com/docs/combo-box): Single selection with static items or an API response. - [Image](https://webrad.atentor.com/docs/image): Image, alternative text, fit, and placeholder. - [List Box](https://webrad.atentor.com/docs/list-box): Single or multiple selection list with values independent of the display text. - [Data Grid](https://webrad.atentor.com/docs/data-grid): API-bound table with five cell types. - [Charts](https://webrad.atentor.com/docs/charts): Responsive charts with up to five API series, typed point events, and an accessible data table. - [Repeating Group](https://webrad.atentor.com/docs/repeating-group): Repeats a component template for each API item. - [Popup](https://webrad.atentor.com/docs/popup): Modal or non-modal browser dialog. - [API Client](https://webrad.atentor.com/docs/api-client): HTTP requests with parameters, authentication, and typed responses. - [Timer](https://webrad.atentor.com/docs/timer): Nonvisual timer with single or repeated execution. - [Payments](https://webrad.atentor.com/docs/payments): Open a Stripe or Asaas payment or subscription checkout with one call. - [File Upload](https://webrad.atentor.com/docs/file-upload): Select a file and upload it to RestGO Storage. - [Video Upload](https://webrad.atentor.com/docs/video-upload): Upload videos to RestGO with progress and resume support. - [Video Player](https://webrad.atentor.com/docs/video-player): Play RestGO videos and HLS/DASH manifests. - [ReportBuilder](https://webrad.atentor.com/docs/report-builder): Generate PDFs using a template, parameters, and API data. - [Toast](https://webrad.atentor.com/docs/toast): Viewport notifications for success, attention, errors, and information. ## Reference Source code 6a562bda75a0 · November 7, 2026. [Types and settings](https://webrad.atentor.com/docs/types) · [TypeScript declarations](https://webrad.atentor.com/docs/runtime.d.ts) · [JSON catalog](https://webrad.atentor.com/docs/reference.json) · [AI index](https://webrad.atentor.com/llms.txt)