Polymer Paper-UI widgets and tools for django
pip install materialdjangoor install from git if you want more frequent (possibly breaking) changes.- add
materialdjangoto your INSTALLED_APPS in settings.py - re-run
manage.py collectstatic
- make sure you
{% load staticfiles %} - and also add
{% load polymerdep %}which imports our filter|dep - Add the webcomponents.js shim
- use
depto import included polymer html elements (currently 1.0)
Eg:
{% load staticfiles %}
{% load polymerdep %}
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<script src="{% static 'materialdjango/components/bower_components/webcomponentsjs/webcomponents-lite.js' %}"></script>
{{ "polymer/polymer.html" | dep}}
<...>Use my base.html template with vinyl-siding.html which is imspired by the polymer documentation.
{% extends "vinyl-siding.html" %}
Documentation for polymer elements is contained on the element catalog. We include the Paper and Iron collections.
Additional components should be installed with bower and symlinked to your app's static/ directory (see the materialdjango source for an example). Alternatively you may download them as a zip from the catalog and place them in your app's static/ directory.