trame.ui.vuetify3 module

class trame.ui.vuetify3.SinglePageLayout(_server, template_name='main', **kwargs)

Bases: VAppLayout

Layout composed of the following structure:

Parameters:
  • _server – Server to bound the layout to

  • template_name – Name of the template (default: main)

  • vuetify_config – Dict structure to configure vuetify

<v-app>
    <v-layout>                              # layout.app_layout
        <v-app-bar>                         # layout.toolbar
            <v-app-bar-nav-icon />          # layout.icon
            <v-toolbar-title>               # layout.title
                Trame application
            </v-toolbar-title>
        </v-app-bar>
        <v-main />                          # layout.content
        <v-footer app border class="my-0 py-0">    # layout.footer
            < ... />
        </v-footer>
    </v-layout>
</v-app>
class trame.ui.vuetify3.SinglePageWithDrawerLayout(_server, template_name='main', show_drawer=True, width=300, **kwargs)

Bases: SinglePageLayout

Layout composed of the following structure:

Parameters:
  • _server – Server to bound the layout to

  • template_name – Name of the template (default: main)

  • vuetify_config – Dict structure to configure vuetify

  • show_drawer – Start with drawer open (default: True)

  • width – Drawer width in pixel (default: 300)

<v-app>
    <v-layout>                              # layout.app_layout
        <v-app-bar>                        # layout.toolbar
            <v-app-bar-nav-icon />          # layout.icon
            <v-toolbar-title>               # layout.title
                Trame application
            </v-toolbar-title>
        </v-app-bar>
        <v-main />                          # layout.content
        <v-footer app border class="my-0 py-0">    # layout.footer
            < ... />
        </v-footer>

        <v-navigation-drawer                # layout.drawer
            app
            clipped
            stateless
            v-model="{template_name}_drawer"
            width="width"
        />
    </v-layout>

</v-app>
class trame.ui.vuetify3.VAppLayout(_server, template_name='main', vuetify_config=None, **kwargs)

Bases: AbstractLayout

Layout composed of just a <v-app />

Parameters:
  • _server – Server to bound the layout to

  • template_name – Name of the template (default: main)

  • vuetify_config – Dict structure to configure vuetify