product_plan_canvas

A custom Gradio component for product planning with a 4-column drag-and-drop board

Installation

pip install product_plan_canvas

Usage

import gradio as gr
from product_plan_canvas import ProductPlanCanvas

def main():
    initial_data = [
        {"id": 0, "content": "Sample idea 1", "column": "idea"},
        {"id": 1, "content": "Sample feature 1", "column": "features"},
        {"id": 2, "content": "Sample timeline 1", "column": "timeline"},
        {"id": 3, "content": "Sample story 1", "column": "stories"}
    ]
    with gr.Blocks() as demo:
        gr.Markdown("# Product Plan Canvas Demo")
        canvas = ProductPlanCanvas(
            value=initial_data,
            label="Product Planning Board",
            show_label=True,
            interactive=True
        )
        state_display = gr.JSON(label="Current State")
        canvas.state.change(
            fn=lambda x: x,
            inputs=[canvas.state],
            outputs=[state_display]
        )
    demo.launch()

if __name__ == "__main__":
    main() 

ProductPlanCanvas

Initialization

typing.Optional[typing.List[typing.Dict[str, typing.Any]]][
    typing.List[typing.Dict[str, typing.Any]][
        typing.Dict[str, typing.Any][str, typing.Any]
    ],
    None,
]

typing.Optional[str][str, None]

bool

bool