lightning/docs/source-app/workflows/add_web_ui/index_content.rst

114 lines
2.6 KiB
ReStructuredText

*************************************
Web UIs for non Javascript Developers
*************************************
.. raw:: html
<div class="display-card-container">
<div class="row">
.. Add callout items below this line
.. displayitem::
:header: Dash
:description: Learn how to add a web UI built in Python with Dash.
:col_css: col-md-4
:button_link: dash/index.html
:height: 150
:tag: basic
.. displayitem::
:header: Gradio
:description: Learn how to add a web UI built in Python with Gradio.
:col_css: col-md-4
:button_link: gradio/index.html
:height: 150
:tag: basic
.. displayitem::
:header: Panel
:description: Learn how to add a web UI built in Python with Panel.
:col_css: col-md-4
:button_link: panel/index.html
:height: 150
:tag: basic
.. displayitem::
:header: Jupyter Notebook
:description: Learn how to enable a web UI that is a Jupyter Notebook.
:col_css: col-md-4
:button_link: jupyter_basic.html
:height: 150
:tag: [docs coming soon]
.. displayitem::
:header: Streamlit
:description: Learn how to add a web UI built in Python with Streamlit.
:col_css: col-md-4
:button_link: streamlit/index.html
:height: 150
:tag: basic
.. raw:: html
</div>
</div>
----
*********************************
Web UIs for Javascript Developers
*********************************
.. raw:: html
<div class="display-card-container">
<div class="row">
.. Add callout items below this line
.. displayitem::
:header: Any javascript framework
:description: Learn how to link up any javascript framework to a Lightning app.
:col_css: col-md-4
:button_link: integrate_any_javascript_framework.html
:height: 150
:tag: advanced
.. displayitem::
:header: Angular.js
:description: Learn how to add a web UI built in Javascript with Angular.js
:col_css: col-md-4
:button_link: angular_js_intermediate.html
:height: 150
:tag: [Docs coming soon]
.. displayitem::
:header: HTML
:description: Learn how to add a web UI built with html.
:col_css: col-md-4
:button_link: html/index.html
:height: 150
:tag: basic
.. displayitem::
:header: React.js
:description: Learn how to add a web UI built in Javascript with React.js
:col_css: col-md-4
:button_link: react/index.html
:height: 150
:tag: intermediate
.. displayitem::
:header: Vue.js
:description: Learn how to add a web UI built in Javascript with Vue.js
:col_css: col-md-4
:button_link: vue_js_intermediate.html
:height: 150
:tag: [Docs coming soon]
.. raw:: html
</div>
</div>