Vuetify widgets for trame
Project description
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-vuetifyUsage
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
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.8.0. If you would like us to upgrade any of those dependencies, please reach out.
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
File details
Details for the file trame_vuetify-3.0.1.tar.gz.
File metadata
- Download URL: trame_vuetify-3.0.1.tar.gz
- Upload date:
- Size: 4.9 MB
- Tags: Source
- Uploaded using Trusted Publishing? Yes
- Uploaded via: twine/6.1.0 CPython/3.12.9
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
5d1e6cfa0e834fb9923eace9fe64e41bccaa81dfab932708f2308e43ddf29c70
|
|
| MD5 |
e0cde1e52060bc840987d017aa6cc78a
|
|
| BLAKE2b-256 |
f0a054294be92f13ab4e2beec0f63b63f050396d8ceb2d7af369d69feb8f6c10
|
Provenance
The following attestation bundles were made for trame_vuetify-3.0.1.tar.gz:
Publisher:
test_and_release.yml on Kitware/trame-vuetify
-
Statement:
-
Statement type:
https://in-toto.io/Statement/v1 -
Predicate type:
https://docs.pypi.org/attestations/publish/v1 -
Subject name:
trame_vuetify-3.0.1.tar.gz -
Subject digest:
5d1e6cfa0e834fb9923eace9fe64e41bccaa81dfab932708f2308e43ddf29c70 - Sigstore transparency entry: 196451069
- Sigstore integration time:
-
Permalink:
Kitware/trame-vuetify@1f2538575a1f6a8886745b8de0a6b0dd3ca95ac3 -
Branch / Tag:
refs/heads/master - Owner: https://github.com/Kitware
-
Access:
public
-
Token Issuer:
https://token.actions.githubusercontent.com -
Runner Environment:
github-hosted -
Publication workflow:
test_and_release.yml@1f2538575a1f6a8886745b8de0a6b0dd3ca95ac3 -
Trigger Event:
push
-
Statement type:
File details
Details for the file trame_vuetify-3.0.1-py3-none-any.whl.
File metadata
- Download URL: trame_vuetify-3.0.1-py3-none-any.whl
- Upload date:
- Size: 4.9 MB
- Tags: Python 3
- Uploaded using Trusted Publishing? Yes
- Uploaded via: twine/6.1.0 CPython/3.12.9
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
7615cde99c950a36a8905b4915aa7ca14bc89fda340212d8985abddb7c4ca677
|
|
| MD5 |
d86c8ab0dcd014651a53263e35318279
|
|
| BLAKE2b-256 |
846630da6b7bc8cc31f439995e2c2d8e2fc1c4b04a2b98688776926eef7737bf
|
Provenance
The following attestation bundles were made for trame_vuetify-3.0.1-py3-none-any.whl:
Publisher:
test_and_release.yml on Kitware/trame-vuetify
-
Statement:
-
Statement type:
https://in-toto.io/Statement/v1 -
Predicate type:
https://docs.pypi.org/attestations/publish/v1 -
Subject name:
trame_vuetify-3.0.1-py3-none-any.whl -
Subject digest:
7615cde99c950a36a8905b4915aa7ca14bc89fda340212d8985abddb7c4ca677 - Sigstore transparency entry: 196451070
- Sigstore integration time:
-
Permalink:
Kitware/trame-vuetify@1f2538575a1f6a8886745b8de0a6b0dd3ca95ac3 -
Branch / Tag:
refs/heads/master - Owner: https://github.com/Kitware
-
Access:
public
-
Token Issuer:
https://token.actions.githubusercontent.com -
Runner Environment:
github-hosted -
Publication workflow:
test_and_release.yml@1f2538575a1f6a8886745b8de0a6b0dd3ca95ac3 -
Trigger Event:
push
-
Statement type:
