product-plan-canvas 0.1.0

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

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

name	type	default	description
value	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, ]	None	Initial state of the board
label	typing.Optional[str][str, None]	None	Label for the component
show_label	bool	True	Whether to show the label
interactive	bool	True	Whether the component is interactive