Trame-Vuetify Widgets v3.VExpansionPanel

[ghost]

Hello, I would like to implement v3.VExpansionPanel in my app's UI. I'm not sure about the syntax, but the expansion panel is not showing on the app. I was trying to follow this script as reference from (https://github.com/Kitware/trame-vuetify/blob/master/trame_vuetify/widgets/vuetify3.py):

Here is my codes:

[jourdain]

https://vuetifyjs.com/en/components/expansion-panels/#usage

[ghost]

I'm not sure how do I add contents for v3.VExpansionPanel(). Can you please provide a simple example of that?

[jourdain]

Doc

<v-expansion-panels>
  <v-expansion-panel
    title="Title"
    text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima"
  >
  </v-expansion-panel>
</v-expansion-panels>

Python

with v3.VExpensionPanels():
   v3.VExpensionPanel(title="Title", text="Hello")

[ghost]

Got it. Thank you :)

[ghost]

Hello, I have a follow up question about the Vuetify Expansion panel. I'm trying to add sliders, buttons, and texts under one expansion panel. I couldn't find any references for this.

Here is the original Vuetify script:

Here is the my script in trame:

It didn't show anything on the app:

[jourdain]

FYI: your screenshot show the solution.

[ghost]

Yeah, I was trying to write the script just like the first screenshot, but it doesn't show anything.