2024-02-01 08:46:55 +08:00
|
|
|
# component styles
|
2022-06-02 01:02:18 +08:00
|
|
|
|
|
|
|
## 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
|
|
|
|
|
2023-03-27 22:52:07 +08:00
|
|
|
Nothing
|