| 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() |