SelectBox#

pydantic model zero_true.SelectBox#

SelectBox component allows users to select from a list of options. Can be a single or multiple selection

Show JSON schema
{
   "title": "SelectBox",
   "description": "SelectBox component allows users to select from a list of options. Can be a single or multiple selection",
   "type": "object",
   "properties": {
      "id": {
         "description": "Unique id for a component",
         "title": "Id",
         "type": "string"
      },
      "variable_name": {
         "default": "",
         "description": "Optional variable name associated with a component",
         "title": "Variable Name",
         "type": "string"
      },
      "component": {
         "default": "v-select",
         "description": "Vue component name",
         "title": "Component",
         "type": "string"
      },
      "items": {
         "description": "Options for the select box. Can be a list of strings or integers",
         "items": {
            "anyOf": [
               {
                  "type": "string"
               },
               {
                  "type": "integer"
               }
            ]
         },
         "title": "Items",
         "type": "array"
      },
      "value": {
         "anyOf": [
            {
               "items": {
                  "anyOf": [
                     {
                        "type": "string"
                     },
                     {
                        "type": "integer"
                     },
                     {
                        "type": "null"
                     }
                  ]
               },
               "type": "array"
            },
            {
               "type": "string"
            },
            {
               "type": "integer"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Selected options for the select box",
         "title": "Value"
      },
      "label": {
         "anyOf": [
            {
               "type": "string"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Label for the select box",
         "title": "Label"
      },
      "multiple": {
         "anyOf": [
            {
               "type": "boolean"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Determines if multiple selections are allowed",
         "title": "Multiple"
      },
      "dense": {
         "anyOf": [
            {
               "type": "boolean"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Determines if the select box is dense",
         "title": "Dense"
      },
      "outlined": {
         "anyOf": [
            {
               "type": "boolean"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Determines if the select box has an outlined style",
         "title": "Outlined"
      },
      "clearable": {
         "anyOf": [
            {
               "type": "boolean"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Determines if the select box has a clearable option",
         "title": "Clearable"
      },
      "disabled": {
         "anyOf": [
            {
               "type": "boolean"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Determines if the select box is disabled",
         "title": "Disabled"
      },
      "readonly": {
         "anyOf": [
            {
               "type": "boolean"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Determines if the select box is read-only",
         "title": "Readonly"
      },
      "color": {
         "anyOf": [
            {
               "type": "string"
            },
            {
               "type": "null"
            }
         ],
         "default": null,
         "description": "Color of the range slider. Can be custom or standard Material color",
         "pre": true,
         "title": "Color"
      },
      "triggerEvent": {
         "default": "update:modelValue",
         "description": "Trigger event for when to trigger a run",
         "title": "Triggerevent",
         "type": "string"
      }
   },
   "required": [
      "id",
      "items"
   ]
}

field clearable: bool | None = None#

Determines if the select box has a clearable option

field color: str | None = None#

Color of the range slider. Can be custom or standard Material color

Validated by:
  • validate_color

field component: str = 'v-select'#

Vue component name

field dense: bool | None = None#

Determines if the select box is dense

field disabled: bool | None = None#

Determines if the select box is disabled

field items: List[str | int] [Required]#

Options for the select box. Can be a list of strings or integers

field label: str | None = None#

Label for the select box

field multiple: bool | None = None#

Determines if multiple selections are allowed

field outlined: bool | None = None#

Determines if the select box has an outlined style

field readonly: bool | None = None#

Determines if the select box is read-only

field triggerEvent: str = 'update:modelValue'#

Trigger event for when to trigger a run

field value: List[str | int | None] | None | str | int = None#

Selected options for the select box

classmethod from_dict(items_map: dict, id: str, value: str | int | None = None, label: str | None = None, multiple: bool | None = None, dense: bool | None = None, outlined: bool | None = None, clearable: bool | None = None, disabled: bool | None = None, readonly: bool | None = None, color: str | None = None, triggerEvent: str = 'update:modelValue')#

Creates a SelectBox instance from a dictionary.

classmethod get_value_from_global_state(value, values)#