{
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {},
      "source": [
        "# Control the Color of an Actor\n\nExtending our simple example to have a dropdown menu to control the\ncolor of the actor.\n"
      ]
    },
    {
      "cell_type": "code",
      "execution_count": null,
      "metadata": {
        "collapsed": false
      },
      "outputs": [],
      "source": [
        "import pyvista as pv\nfrom pyvista.plotting.colors import hexcolors\nfrom pyvista.trame.ui import plotter_ui\nfrom trame.app import get_server\nfrom trame.ui.vuetify3 import SinglePageLayout\nfrom trame.widgets import vuetify3\n\npv.OFF_SCREEN = True\n\nserver = get_server()\nstate, ctrl = server.state, server.controller\n\nmesh = pv.Cone()\n\npl = pv.Plotter()\nactor = pl.add_mesh(mesh, color=\"seagreen\")\n\n\n@state.change(\"color\")\ndef color(color=\"seagreen\", **kwargs) -> None:\n    actor.prop.color = color\n    ctrl.view_update()\n\n\nwith SinglePageLayout(server) as layout:\n    with layout.toolbar:\n        vuetify3.VSpacer()\n        vuetify3.VSelect(\n            label=\"Color\",\n            v_model=(\"color\", \"seagreen\"),\n            items=(\"array_list\", list(hexcolors.keys())),\n            hide_details=True,\n            density=\"compact\",\n            outlined=True,\n            classes=\"pt-1 ml-2\",\n            style=\"max-width: 250px\",\n        )\n\n    with (\n        layout.content,\n        vuetify3.VContainer(\n            fluid=True,\n            classes=\"pa-0 fill-height\",\n        ),\n    ):\n        # Use PyVista UI template for Plotters\n        view = plotter_ui(pl, default_server_rendering=False)\n        ctrl.view_update = view.update\n\n# Show UI\nawait layout.ready\nlayout"
      ]
    },
    {
      "cell_type": "markdown",
      "metadata": {},
      "source": [
        "```{=html}\n<center>\n  <a target=\"_blank\" href=\"https://colab.research.google.com/github/pyvista/pyvista-tutorial/blob/gh-pages/notebooks/tutorial/09_trame/b_trame_actor_color.ipynb\">\n    <img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/ width=\"150px\">\n  </a>\n</center>\n```\n"
      ]
    }
  ],
  "metadata": {
    "kernelspec": {
      "display_name": "Python 3",
      "language": "python",
      "name": "python3"
    },
    "language_info": {
      "codemirror_mode": {
        "name": "ipython",
        "version": 3
      },
      "file_extension": ".py",
      "mimetype": "text/x-python",
      "name": "python",
      "nbconvert_exporter": "python",
      "pygments_lexer": "ipython3",
      "version": "3.12.11"
    }
  },
  "nbformat": 4,
  "nbformat_minor": 0
}