Sidebar Component
The Sidebar Component is used to make an element that overlays at the edges of the screen.
|
Components |
Descriptions |
|---|---|
| Sidebar Position | Sidebar Position is used to define the location of the sidebar as left, right, top, and bottom. The default location is left. |
| Sidebar Size | Sidebar size can be used to adjust the size of the sidebar using the fixed values or by using the already defined values as p-sidebar–sm, p-sidebar-md, and p-sidebar-lg. |
| Sidebar Animation Configuration | It is used to set the style class of the component. It is of string data type & the default value is null. |
| Sidebar Full Screen | Sidebar fullScreen=”true” may be utilized to make the sidebar take up the entire screen. |
| Sidebar Properties | It specifies the visibility of the dialog. It is of the boolean data type, the default value is false. |
| Sidebar Events | It is a callback that is fired when a dialog is shown. |
| Sidebar Templates | It is a pattern that is used as a user guide to create something. |
| Sidebar Styling | styling properties, such as positioning the sidebar, closing or adjusting the size of the sidebar, etc. |
Angular PrimeNG Overlay Complete Reference
Angular PrimeNG Overlay facilitates the rendering of the content/ confirmation windows, which is shared with multiple actions for the same component. The overlay can also be created dynamically for the dialogs to display the content, & can also displayed from the edges of the screen by making the Sidebar panel, in order to show the informative data by using the Tooltip directive.
The complete list of Overlay Components is listed below with their brief description: