Panel Objects are built on Param library. Panel objects are flexible in design and control and can be easily manipulated. Panel objects have some shared parameters to control the size and style of the rendered view.Similarly panel objects have parameters specific to each compontents to customize them.
The css_classes parameter allows associating a Panel component with one or more CSS classes.CSS styles can be embedded in raw form or by referencing an external .css file. The css files can be added to panel using pn.extension() function. pn.extension() can have two types of parameters , for raw CSS it takes raw_css and for CSS files it take css_files as a parameter.
In case we want to give background color to a component we can simply set a parameter and assign a hex value to it.
All components have a loading parameter which indicates that it is currently processing an event. The loading spinner is configurable.Before adding loading spinner to a component we have to add the spinner in pn.extension()
Certain components, specifically markup-related panes, expose a style parameter that allows defining CSS styles
All components provide a visible parameter which allows toggling whether the component should be visible or not.
Size and spacing of components are controlled by a set of parameters.
Margin parameter is used to create space around a component.
The align parameter controls how components align vertically and horizontally.
There are two types of sizing in panel:Auto sizing and absolute sizing.
Helps to put fixed or responsive spacing between components.Support absolute and responsive sizing mode. VSpacer and HSpacer provide responsive vertical and horizontal spacing.