Skip to main content

Build HTML layouts in Dash with HTML

Project description

Build your Dash layouts with HTML snippets

This package allows you to craft your Dash application layouts by writing HTML instead of a cascade of Python objects.

Installation

You can install the package with pip:

pip install dash-htmlayout

Documentation

Read documentation to learn more

Introduction

It's a bit counterproductive to force users to build dashboard layouts using Python, when most component classes are translated into HTML.

Having to write code with deeply nested object instances to mimic HTML should almost be considered malpractice in Python when there is a language and a document type that addresses this exact need; HTML.

This package provides a simple class to generate layouts from a partial HTML snippet. For example, we could partially reproduce a classic layout with the following document:

<!-- Example with Bootstrap classes and some components -->
<section>
    <h1 class="mb-5">Dashboard component.</h1>
    <div class="row">
        <div class="col-3">
            <div class="form-group mb-3">
                <label for="">Genres filter</label>
                <dcc-dropdown id="genre-list" placeholder="Filter genres" data-multi="True"/>
            </div>
            <div class="form-group mb-3">
                <label for="">Max results</label>
                <dcc-slider id="genre-limit" data-value="1" data-min="0" data-max="10"/>
            </div>
        </div>
        ...
    </div>
</section>

In Python

from dash import Dash
from dash.htmlayout import Builder

application = Dash("appname")
builder = Builder(file="myfile.html")
application.layout = builder.layout

...

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

dash_htmlayout-1.0.5.tar.gz (6.8 kB view details)

Uploaded Source

Built Distribution

dash_htmlayout-1.0.5-py3-none-any.whl (6.7 kB view details)

Uploaded Python 3

File details

Details for the file dash_htmlayout-1.0.5.tar.gz.

File metadata

  • Download URL: dash_htmlayout-1.0.5.tar.gz
  • Upload date:
  • Size: 6.8 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/5.1.0 CPython/3.12.3

File hashes

Hashes for dash_htmlayout-1.0.5.tar.gz
Algorithm Hash digest
SHA256 2023abadf45670b9b21be25265af85867cae2a6e4e6bf4a79cdced1d9f226af1
MD5 bda9d10eca4a87e590b15f0d71dd1694
BLAKE2b-256 a6e4ba4216d07b376f5b9c3f4a69452b21695327da8e9b0b247f5998aa2e28c4

See more details on using hashes here.

File details

Details for the file dash_htmlayout-1.0.5-py3-none-any.whl.

File metadata

File hashes

Hashes for dash_htmlayout-1.0.5-py3-none-any.whl
Algorithm Hash digest
SHA256 318706703d9262fa296b3f6a74e1f4d3e1b7ffd2e2d5b371a6971add9727ca73
MD5 7da404320a942d9c65ced6aaabc25762
BLAKE2b-256 8d5975703003e134b68e952cf50c2aeb46073bb1de26a4e55cf951f25ee2e705

See more details on using hashes here.

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