Spaces:
Sleeping
Sleeping
import gradio as gr | |
with gr.Blocks() as demo: | |
with gr.Row(): | |
with gr.Column(visible=False, min_width=200, scale=0) as sidebar: | |
btn1 = gr.Button("Button 1") | |
btn2 = gr.Button("Button 2") | |
with gr.Column() as main: | |
open_sidebar_btn = gr.Button("Open Sidebar", scale=0) | |
close_sidebar_btn = gr.Button("Close Sidebar", visible=False, scale=0) | |
open_sidebar_btn.click(lambda: { | |
open_sidebar_btn: gr.Button(visible=False), | |
close_sidebar_btn: gr.Button(visible=True), | |
sidebar: gr.Column(visible=True) | |
}, outputs={open_sidebar_btn, close_sidebar_btn, sidebar}) | |
close_sidebar_btn.click(lambda: { | |
open_sidebar_btn: gr.Button(visible=True), | |
close_sidebar_btn: gr.Button(visible=False), | |
sidebar: gr.Column(visible=False) | |
}, outputs={open_sidebar_btn, close_sidebar_btn, sidebar}) | |
gr.Markdown("# Hello Blocks") | |
gr.Markdown("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec nulla nec nulla fermentum fermentum. Nullam nec nulla nec nulla fermentum fermentum.") | |
demo.launch() |