Skip to main content

Vuetify widgets for trame

Project description

Test and Release

Trame-vuetify extend trame widgets and ui with all the beautiful Vuetify UI components. Vuetify is a UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.

This package is not supposed to be used by itself but rather should come as a dependency of trame. For any specificity, please refer to the trame documentation.

Installing

trame-vuetify can be installed with pip:

pip install --upgrade trame-vuetify

Usage

The Trame Tutorial is the place to go to learn how to use the library and start building your own application.

The API Reference documentation provides API-level documentation.

The Vuetify website is very well made for exploring components and understanding components’ parameters and controls, while a reference to our wrapper API is available here.

The way trame translate Vue templates into plain Python code is by doing the following.

Material Design Widgets

First you need to import the vuetify module so you can instantiate the various Material Components like illustrated below. Moreover, in the documentation the component names use dashes as separators while in Python we use the Camelcase notation for the class name.

from trame.widgets import vuetify

# <v-btn>Hello World</v-btn>
btn = vuetify.VBtn("Hello World")

Boolean attributes

Implicit attribute values must be made explicit in Python by assigning True to them.

# <v-text-field disabled />
vuetify.VTextField(disabled=True)

Dash and colon separators

Any special characters (- and :) become _ in Python.

# <v-text-field v-model="myText" />
vuetify.VTextField(v_model=("myText",))

Events

Events in vue are prefixed with a @ but in Python we declare them the same way we declare regular attributes.

def runMethod():
    pass

# <v-btn @click="runMethod" />
vuetify.VBtn(click=runMethod)

License

trame-vuetify is made available under the MIT License. For more details, see LICENSE This license has been chosen to match the one use by Vuetify which is instrumental for making that library possible.

Community

Trame | Discussions | Issues | Contact Us

https://zenodo.org/badge/410108340.svg

Enjoying trame?

Share your experience with a testimonial or with a brand approval.

JavaScript dependency

This Python package bundle the following Vuetify libraries. For client_type="vue2", it exposes vuetify@2.7.1 and for client_type="vue3", it exposes vuetify@3.11.2. If you would like us to upgrade any of those dependencies, please reach out.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

trame_vuetify-3.2.0.tar.gz (5.1 MB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

trame_vuetify-3.2.0-py3-none-any.whl (5.1 MB view details)

Uploaded Python 3

File details

Details for the file trame_vuetify-3.2.0.tar.gz.

File metadata

  • Download URL: trame_vuetify-3.2.0.tar.gz
  • Upload date:
  • Size: 5.1 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? Yes
  • Uploaded via: twine/6.1.0 CPython/3.13.7

File hashes

Hashes for trame_vuetify-3.2.0.tar.gz
Algorithm Hash digest
SHA256 2922eddae18068bb3f523110ee897e96de2d89eb6d84d267f7f4e1adec013bcf
MD5 31b1ceb08dcd23eb9feb780a35767bcf
BLAKE2b-256 7e1094d62f9f71516d96ded15eedd1c8e64e89cb4dae83786ed9386f8c15c574

See more details on using hashes here.

Provenance

The following attestation bundles were made for trame_vuetify-3.2.0.tar.gz:

Publisher: test_and_release.yml on Kitware/trame-vuetify

Attestations: Values shown here reflect the state when the release was signed and may no longer be current.

File details

Details for the file trame_vuetify-3.2.0-py3-none-any.whl.

File metadata

  • Download URL: trame_vuetify-3.2.0-py3-none-any.whl
  • Upload date:
  • Size: 5.1 MB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? Yes
  • Uploaded via: twine/6.1.0 CPython/3.13.7

File hashes

Hashes for trame_vuetify-3.2.0-py3-none-any.whl
Algorithm Hash digest
SHA256 963b8ee78d5213492b8c082f4f6a26bd269cee2006c7f5c238a59bc06cfb0234
MD5 e3b329768fbd8c163938ccd35453dd94
BLAKE2b-256 a8b2c68a198b8984437d6213677573da390ac86b675239681e12e9f6a0b4d45e

See more details on using hashes here.

Provenance

The following attestation bundles were made for trame_vuetify-3.2.0-py3-none-any.whl:

Publisher: test_and_release.yml on Kitware/trame-vuetify

Attestations: Values shown here reflect the state when the release was signed and may no longer be current.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page