Skip to main content

Modal for streamlit

Project description

Streamlit modal

Modal support for streamlit. The hackish way.

Example

import streamlit as st
from streamlit_modal import Modal

import streamlit.components.v1 as components


modal = Modal(
    "Demo Modal", 
    key="demo-modal",
    
    # Optional
    padding=20,    # default value
    max_width=744  # default value
)
open_modal = st.button("Open")
if open_modal:
    modal.open()

if modal.is_open():
    with modal.container():
        st.write("Text goes here")

        html_string = '''
        <h1>HTML string in RED</h1>

        <script language="javascript">
          document.querySelector("h1").style.color = "red";
        </script>
        '''
        components.html(html_string)

        st.write("Some fancy text")
        value = st.checkbox("Check me")
        st.write(f"Checkbox checked: {value}")

Install

pip install streamlit-modal

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

streamlit_modal-0.1.2.tar.gz (4.4 kB view details)

Uploaded Source

Built Distribution

streamlit_modal-0.1.2-py3-none-any.whl (4.6 kB view details)

Uploaded Python 3

File details

Details for the file streamlit_modal-0.1.2.tar.gz.

File metadata

  • Download URL: streamlit_modal-0.1.2.tar.gz
  • Upload date:
  • Size: 4.4 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.1 CPython/3.10.6

File hashes

Hashes for streamlit_modal-0.1.2.tar.gz
Algorithm Hash digest
SHA256 3c169aed6e659fd834e3526ffac285efd77867c2e5847131c2fa9d441468a522
MD5 1f21e391aff4402acf19bfb889f6daba
BLAKE2b-256 4c34feb9666c148ddf72c92b059509e13ed89b95d6f336317e324d009591f6e6

See more details on using hashes here.

File details

Details for the file streamlit_modal-0.1.2-py3-none-any.whl.

File metadata

File hashes

Hashes for streamlit_modal-0.1.2-py3-none-any.whl
Algorithm Hash digest
SHA256 60dac7590fd7a168d046cc03335460ac323b060676818bf8000949a878c74386
MD5 e7ca045bcc4cb9fd92b178af766183e1
BLAKE2b-256 af443a6cdc70580ba2f48f1197589adaea29b199786f809aa0919fbabf489e1c

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