This is a couple of elements without any gr.Group. Form elements naturally group together anyway.
Textbox
A
Number
Run
Image
Drop Image Here
- or -
Click to Upload
Slider
↺
0
100
This is the same set put in a gr.Group.
Textbox
A
Number
Run
Image
Drop Image Here
- or -
Click to Upload
Slider
↺
0
100
Now in a Row, no group.
Textbox
A
Number
Run
Image
Drop Image Here
- or -
Click to Upload
Slider
↺
0
100
Now in a Row in a group.
Textbox
A
Number
Run
Image
Drop Image Here
- or -
Click to Upload
Slider
↺
0
100
Several rows grouped together.
Textbox
A
Number
Run
Image
Drop Image Here
- or -
Click to Upload
Audio
Drop Audio Here
- or -
Click to Upload
Several columns grouped together. If columns are uneven, there is a gray group background.
Name
Hello
Dropdown
Number
Textbox
Image
Drop Image Here
- or -
Click to Upload
Dropdown
Number
Textbox
container=False removes label, padding, and block border, placing elements 'directly' on background.
Radio
1
2
3
Textbox
Textbox, Dropdown, and Number input boxes takes up full space when within a group without a container.
Name
Textbox
Greet
Dropdown
Textbox
Number
Image
Drop Image Here
- or -
Click to Upload
More examples
Chatbot
Prompot
go
Radio
1
2
3
Slider
↺
0
20
Dropdown
Number
Textbox
Dropdown
Number
Textbox