mirror of
https://github.com/gradio-app/gradio.git
synced 2024-12-27 02:30:17 +08:00
0d9a08bf64
* ensure css loads before mounting app * changelog * fix tests * change? * changelog
160 lines
6.8 KiB
Markdown
160 lines
6.8 KiB
Markdown
# 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 |