Widgets

Our lib generates UI widgets from simple commands in your code. Choose between multiple choices, file inputs, graph displays, images and much more below.

To retrieve any type of user input, use the read commands. To print or provide any information, use display commands.

What is your name?

read

Text fields allow users to insert plain text. 
Hello world!

display

"Text display" adds textual information into the app. 

Type and press enter to add a tag

read_tag

Read a tag value from the user 

Insert your CPF below

read_cpf

Allow users to insert a CPF number into the app. 

How likely are you to recommend Abstra Cloud?

No way!
Hell yeah!

read_nps

NPS feedback allow users to rank their experience from 0 to 10. 

Name

*

read_list

Read a list value from the user 

Select a time below

read_time

Read a time value from the user 

Insert your CNPJ below

read_cnpj

Allow users to insert a CNPJ number into the app. 

Show me the code!

read_code

Code input allow users to insert code and reads it. 

When were you born?

read_date

Allow users to select a date, or a range of dates.* 

Upload your .xlsx file

read_file

File upload adds a drop-area for users to upload one or more files 

Choose your character

Nº

001

Bulbasaur

Grass / Poison

There is a plant seed on its back right from the day this Pokémon is born. The seed slowly grows larger.

Nº

004

Charmander

Fire

It has a preference for hot things. When it rains, steam is said to spout from the tip of its tail.

Nº

007

Squirtle

Water

When it retracts its long neck into its shell, it squirts out water with vigorous force.

read_cards

Read a text value from the user simple text input 

What is your phone number?

No results found

read_phone

Phone input allow users to enter a valid phone number. 

read_email

Email input allow users to enter a valid email address. 

Upload your .png image

read_image

Image upload adds a drop-area for users to upload one or more image files. 

Upload your video

read_video

Video upload adds a drop-area for users to upload one or more video files. 
Toggle
Off

read_toggle

Allow users to set between two items. 

Custom Widget

read_custom

Widget with customizable UI and behaviour 

How old are you?

read_number

Number input allow users to enter numeric values. 

How much do you rate this movie?

⭐
⭐
⭐
⭐
⭐

read_rating

Rating feedback allow users to rank their experience from 1 to 5 starts. 

display_html

Embed HTML to the app. 
Click here to reveal the secret

display_file

Show a button for the user to download a file. 
Abstra Cloud Homepage

display_link

Allow users to see and open content from text links. 
Meooow
Meooow

display_image

Show an image to the user 
\(ax^2 + bx + c = 0\)

display_latex

Show an Latex formula to the user 

How many credits do you want?

$

read_currency

Currency input allows users to enter monetary values. 

What kind of things are you building with Abstra Cloud?

read_textarea

Long text input allow users to type longer textual content. 

read_checkbox

Allow users to select an option by interacting with a checkbox 

read_richtext

Rich text input allows users to type and format textual content. 

Insert your password below

read_password

Password input allow users to enter a password before seen the content. 

Choose a color

No results found

read_dropdown

Allow users to select one or more options by selecting items in a dropdown 

display_iframe

Embed content using iframe. 

display_plotly

Displays a Plotly figure to the user 
Country
Country
Population
Population
CountryUSAPopulation32,700,000
CountryChinaPopulation1,300,000,000
CountryJapanPopulation126,000,000

display_pandas

Display a pandas dataframe to the user 

Which programming language have you worked with?

read_checklist

Show a checklist for users to select items 

display_markdown

Show a formatted text to the user 

display_progress

Show a progress bar when loading the app. 

SAT - 2023

A

B

C

D

E

1

2

3

4

5

read_answer_sheet

Retrieve the answers from a test on usual answersheet 

Set volume

read_number_slider

Allow users to select values in a slider bar.  

Which programming language do you prefer?

Python
JavaScript

read_multiple_choice

Read a multiple choice value from the user 
Country
Country
Population
Population
CountryUSAPopulation32,700,000
CountryChinaPopulation1,300,000,000
CountryJapanPopulation126,000,000

read_pandas_row_selection

Display a pandas dataframe as a table and allow the user to select rows