Skip to main content

A split pane for dash based on react split pane.

Project description

Dash Split pane

A Dash Split-Pane component, can be nested or split vertically or horizontally!

This is based on React Split Pane: https://github.com/tomkp/react-split-pane

Usage

import dash_split_pane

dash_split_pane.DashSplitPane(
    children=[html.Div("LEFT PANE"), html.Div("RIGHT PANE")],
    id="splitter",
    split="vertical",
    size=50,
)

All the props from react-split-pane are exposed, except for defaultSize (only size needs to be used).

The size property will be updated to dash when a drag is complete.

For more information see react-split-pane

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_split_pane-1.0.0.tar.gz (41.5 kB view details)

Uploaded Source

File details

Details for the file dash_split_pane-1.0.0.tar.gz.

File metadata

  • Download URL: dash_split_pane-1.0.0.tar.gz
  • Upload date:
  • Size: 41.5 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.1.1 pkginfo/1.5.0.1 requests/2.22.0 setuptools/39.0.1 requests-toolbelt/0.9.1 tqdm/4.40.2 CPython/3.6.8

File hashes

Hashes for dash_split_pane-1.0.0.tar.gz
Algorithm Hash digest
SHA256 b19a0549deaa32e374ceee45d0c0f51bf080a1354ec2acd7d69e83ba6c82eb33
MD5 d507f7ccaa758915ec67d6b70e787b12
BLAKE2b-256 163c4ea9adc75e5163a479c0ae291b603fd8fda03ce15ecd1bc2a3791493100a

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