Build Custom Components#

These How-to pages provide solutions for common tasks related to extending Panel with custom components.

Combine Existing Components

How to build custom components that are combinations of existing components.

Build Components from Scratch

How to build custom components from scratch.

Examples#

Build a Canvas component

Build a custom component to draw on an HTML canvas based on ReactiveHTML.

Wrap Leaflet.js

Build a custom component wrapping leaflet.js using ReactiveHTML.

Wrap Material UI

Build custom components wrapping material UI using ReactiveHTML.

Wrap a Vue.js component

Build custom component wrapping a Vue.js app using ReactiveHTML.

Build a Plot Viewer

Build custom component wrapping a bokeh plot and some widgets using the Viewer pattern.

Build a Table Viewer

Build custom component wrapping a table and some widgets using the Viewer pattern.