ipyvue

Jupyter widgets base for Vue libraries

Installation

To install use pip:

$ pip install ipyvue
$ jupyter nbextension enable --py --sys-prefix ipyvue

For a development installation (requires npm),

$ git clone https://github.com/mariobuikhuizen/ipyvue.git
$ cd ipyvue
$ pip install -e ".[dev]"
$ jupyter nbextension install --py --symlink --sys-prefix ipyvue
$ jupyter nbextension enable --py --sys-prefix ipyvue
$ jupyter labextension develop . --overwrite

Scoped CSS Support

<style scoped> in VueTemplate templates is supported. Scoped CSS rules only apply to the component's own elements.

from ipyvue import VueTemplate

class MyComponent(VueTemplate):
    template = """
    <template>
        <span class="styled">Hello</span>
    </template>
    <style scoped>
        .styled { color: red; }
    </style>
    """

widget = MyComponent()

Sponsors

Project ipyvue receives direct funding from the following sources: