Streamlit modal

Modal support for streamlit. The hackish way.

Example

import time

import streamlit as st
import streamlit.components.v1 as components

import streamlit_modal as modal


open_modal = st.button("Open")
if open_modal:
    modal.open()

if modal.is_open():
    with modal.container():
        st.write("Text goes here")
        st.video("https://youtu.be/_T8LGqJtuGc")
        html_string = '''
        <h1>HTML string in RED</h1>

        <script language="javascript">
          document.querySelector("h1").style.color = "red";
          console.log("Streamlit runs JavaScript");
        </script>
        '''

        components.html(html_string)  # JavaScript works
        
        st.write("Some fancy text")
        time.sleep(2)
        
        value = st.checkbox("blaat")
        st.write(value)
        close = st.button("Close modal")
        if close:
            modal.close()

Install

pip install streamlit-modal