A newer version of the Gradio SDK is available:
5.4.0
component-styles
Textbox
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of text input |
border |
bool or (bool, bool, bool, bool) |
borders of text input |
container |
bool |
show or hide the container box |
Number
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of text input |
border |
bool or (bool, bool, bool, bool) |
borders of text input |
container |
bool |
show or hide the container box |
Slider
| name | type | description |
|---|---|---|
container |
bool |
show or hide the container box |
Checkbox
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of checkbox |
border |
bool or (bool, bool, bool, bool) |
borders of checkbox |
container |
bool |
show or hide the container box |
Checkbox Group
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of checkboxes |
container |
bool |
show or hide the container box |
item_container |
bool |
show or hide the checkbox container boxes |
Radio
| name | type | description |
|---|---|---|
container |
bool |
show or hide the container box |
item_container |
bool |
show or hide the radio container boxes |
Dropdown
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of input |
border |
bool or (bool, bool, bool, bool) |
borders of input |
container |
bool |
show or hide the container box |
Image
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of main box |
Video
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of main box |
Audio
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of main box |
File
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of main box |
Dataframe
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of main box |
Timeseries
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of main box |
Label
| name | type | description |
|---|---|---|
container |
bool |
show or hide the container box |
HighlightedText
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of labels |
color_map |
Dict[str, str] |
color map of labels and colors |
container |
bool |
show or hide the container box |
JSON
| name | type | description |
|---|---|---|
container |
bool |
show or hide the container box |
HTML
Nothing
Gallery
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of images |
grid |
int or (int, int, int, int, int, int) |
grid for images |
height |
"auto" |
height of gallery (auto or default) |
container |
bool |
show or hide the container box |
Chatbot
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of chat bubbles |
color_map |
Dict[str, str] |
color map of user and bot color for chat bubbles |
Model3D
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of main box |
Plot
Nothing (yet)
Markdown
Nothing
Button
| name | type | description |
|---|---|---|
rounded |
bool or (bool, bool, bool, bool) |
corners of button |
border |
bool or (bool, bool, bool, bool) |
borders of button |
full_width |
bool |
whether button expand to fill container |
Dataset
Nothing
Variable
Nothing