dash-flexbox-grid

KO | EN

gitlite — search

#javascript #react #typescript #llm #android #machine-learning #deep-learning #linux #macos #java #kubernetes #vue #pytorch #open-source

dash-flexbox-grid

(★ 20)

Wrapper around react-flexbox-grid for Plotly Dash

dash-flexbox-grid Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# dash-flexbox-grid

[![PyPI](https://img.shields.io/pypi/v/dash-flexbox-grid.svg)](https://pypi.org/project/dash-flexbox-grid/)
![PyPI - Python Version](https://img.shields.io/pypi/pyversions/dash_flexbox_grid.svg)
[![NPM](https://img.shields.io/npm/v/dash-flexbox-grid.svg)](https://www.npmjs.com/package/dash-flexbox-grid)
[![PyPI - License](https://img.shields.io/pypi/l/dash-flexbox-grid.svg)](https://raw.githubusercontent.com/pikhovkin/dash-flexbox-grid/master/LICENSE)

Wrapper around [react-flexbox-grid][] for Plotly [Dash][]

### Installation

pip install dash_flexbox_grid

### Usage

```python

import dash
    import dash_flexbox_grid as dfx
    import dash_html_components as html
    
    
    app = dash.Dash('')
    app.scripts.config.serve_locally = True
    
    app.layout = dfx.Grid(id='grid', fluid=True, children=[
        dfx.Row(children=[
            dfx.Col(xs=12, lg=3, children=[
                html.Div('Hello,'), html.Div('World!')
            ])
        ]),
        dfx.Row(id='row', children=[
            dfx.Col(id='col', xs=6, lg=2, children=html.Div('Hello, World!')),
            dfx.Col(xs=6, lg=2, children=html.Div('Hello, World!'))
        ])
    ])
    
    
    if __name__ == '__main__':
        app.run_server(debug=True)

```

### Dash

Go to this link to learn about [Dash][].

See the [dash-component-boilerplate][] repo for more information.

[react-flexbox-grid]: https://github.com/roylee0704/react-flexbox-grid
[Dash]: https://github.com/plotly/dash
[dash-component-boilerplate]: https://github.com/plotly/dash-component-boilerplate

dash-flexbox-grid

dash-flexbox-grid Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

dash-flexbox-grid

dash-flexbox-grid Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README