# WebRAD

> English technical documentation for the WebRAD visual IDE. TypeScript examples, public APIs, components, and Interactions.

## Documentation

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

## Machine-readable references

- [Full content](https://webrad.atentor.com/llms-full.txt)
- [Structured catalog](https://webrad.atentor.com/docs/reference.json)
- [TypeScript declarations](https://webrad.atentor.com/docs/runtime.d.ts)
- [Sitemap](https://webrad.atentor.com/sitemap.xml)

HTML routes contain complete static content. Examples are contextual and do not execute operations on this site. IDE fields without a public setter must be configured in the Inspector.