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 userInsert 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 userSelect a time below
read_time
Read a time value from the userInsert 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 filesChoose 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 inputWhat is your phone number?
No results found
read_phone
Phone input allow users to enter a valid phone number.What is your email?
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 behaviourHow 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.display_file
Show a button for the user to download a file.display_link
Allow users to see and open content from text links.Meooow
display_image
Show an image to the user\(ax^2 + bx + c = 0\)
display_latex
Show an Latex formula to the userHow 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 checkboxread_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 dropdowndisplay_iframe
Embed content using iframe.display_plotly
Displays a Plotly figure to the userCountry Country | Population Population |
---|---|
CountryUSA | Population32,700,000 |
CountryChina | Population1,300,000,000 |
CountryJapan | Population126,000,000 |
display_pandas
Display a pandas dataframe to the userWhich programming language have you worked with?
read_checklist
Show a checklist for users to select itemsdisplay_markdown
Show a formatted text to the userdisplay_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 answersheetSet 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 userCountry Country | Population Population | |
---|---|---|
CountryUSA | Population32,700,000 | |
CountryChina | Population1,300,000,000 | |
CountryJapan | Population126,000,000 |