Style Components
Panel provides a comprehensive system for applying designs, themes and custom styling for components.
This section will take you through these concepts.
How to switch between different design systems.
How to toggle between themes (e.g. ‘light’ and ‘dark’).
How to apply custom CSS styling.
How to customize designs and themes with CSS variables.
How to customize the loading icon.
How to control the visibility of a component.
This section will show you how to style the most common plotting libraries for use with Panel.
Altair
How to style an Altair plot
ECharts
How to style an ECharts plot
Matplotlib
How to style a Matplotlib plot
Plotly
How to style a Plotly plot
Vega Lite
How to style a Vega Lite plot