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 | RoadMap | Contact Us

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

Enjoying trame?

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

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-2.0.2.tar.gz (2.8 MB view details)

Uploaded Source

Built Distribution

trame_vuetify-2.0.2-py3-none-any.whl (2.8 MB view details)

Uploaded Python 3

File details

Details for the file trame-vuetify-2.0.2.tar.gz.

File metadata

  • Download URL: trame-vuetify-2.0.2.tar.gz
  • Upload date:
  • Size: 2.8 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.8.0 pkginfo/1.8.3 readme-renderer/37.2 requests/2.28.1 requests-toolbelt/0.9.1 urllib3/1.26.12 tqdm/4.64.1 importlib-metadata/5.0.0 keyring/23.9.3 rfc3986/2.0.0 colorama/0.4.5 CPython/3.9.14

File hashes

Hashes for trame-vuetify-2.0.2.tar.gz
Algorithm Hash digest
SHA256 ad2c5e5bc69d56607bb080b3ca4f9ce8ba2c40e23df4583ef21f1198b8ec9353
MD5 80a50430048d56ecf0f42180315e9d45
BLAKE2b-256 5af1e96d944434b0d2d7ffe81d7e32dd0e32a3f697e7a9fd7e0888061e68e12d

See more details on using hashes here.

Provenance

File details

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

File metadata

  • Download URL: trame_vuetify-2.0.2-py3-none-any.whl
  • Upload date:
  • Size: 2.8 MB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.8.0 pkginfo/1.8.3 readme-renderer/37.2 requests/2.28.1 requests-toolbelt/0.9.1 urllib3/1.26.12 tqdm/4.64.1 importlib-metadata/5.0.0 keyring/23.9.3 rfc3986/2.0.0 colorama/0.4.5 CPython/3.9.14

File hashes

Hashes for trame_vuetify-2.0.2-py3-none-any.whl
Algorithm Hash digest
SHA256 7dd23fa0bc6bbab84ed4a6cb4eb3c16bedb94aa5c6cfd633b46550e797b0def4
MD5 4abf101886a010c59480d30a0aefda9f
BLAKE2b-256 14111da9fc77961f48a6a4db1ddeb57c547686a76b375d6584f2e28a60e837e6

See more details on using hashes here.

Provenance

Supported by

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