Add responsive examples

README.md

@@ -4,7 +4,7 @@ emoji: 🐢
 colorFrom: red
 colorTo: yellow
 sdk: streamlit
-sdk_version: 1.17.0
+sdk_version: 1.18.1
 app_file: app.py
 pinned: false
 license: mit

app.py

@@ -1,24 +1,46 @@
+from datetime import datetime, time
 import streamlit as st
-from streamlit_webrtc import webrtc_streamer
-import av
 
 
-flip = st.checkbox("Flip")
+st.title("Streamlit App at Hugging Face Spaces!")
+st.image("https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo-with-title.png")
 
+with st.form("my_form"):
+   st.write("Inside the form")
+   slider_val = st.slider("Form slider")
+   checkbox_val = st.checkbox("Form checkbox")
 
-def video_frame_callback(frame):
-    img = frame.to_ndarray(format="bgr24")
+   # Every form must have a submit button.
+   submitted = st.form_submit_button("Submit")
+   if submitted:
+       st.write("slider", slider_val, "checkbox", checkbox_val)
 
-    flipped = img[::-1,:,:] if flip else img
+col1, col2, col3 = st.columns(3)
 
-    return av.VideoFrame.from_ndarray(flipped, format="bgr24")
+with col1:
+   st.image("https://static.streamlit.io/examples/cat.jpg")
 
+with col2:
+   st.image("https://static.streamlit.io/examples/dog.jpg")
 
-webrtc_streamer(
-    key="sample",
-    video_frame_callback=video_frame_callback,
-    media_stream_constraints={"video": True, "audio": False},
-    rtc_configuration={  # Add this config
-        "iceServers": [{"urls": ["stun:stun.l.google.com:19302"]}]
-    }
-)
+with col3:
+   st.image("https://static.streamlit.io/examples/owl.jpg")
+
+with st.sidebar:
+    st.image("https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.png")
+
+    values = st.slider(
+        'Select a range of values',
+        0.0, 100.0, (25.0, 75.0))
+    st.write('Values:', values)
+
+    appointment = st.slider(
+        "Schedule your appointment:",
+        value=(time(11, 30), time(12, 45)))
+    st.write("You're scheduled for:", appointment)
+
+    start_time = st.slider(
+        "When do you start?",
+        value=datetime(2020, 1, 1, 9, 30),
+        format="MM/DD/YY - hh:mm")
+    st.write("Start time:", start_time)