Panel - Configuring the Panel
The title of <Panel /> can be customized with a number of useful props:
  • titleAlign - dictates the text alignment in the title bar. Valid values are "start", "center", "end", "left" and "right".
  • titleBarPosition - configures the position of the title bar. Valid values are "top", "bottom", "left" and "right".
  • titleRotate - configures title rotation when titleBarPosition="left" or titleBarPosition="right" is used. Valid values are 90 and -90.
  • titleEllipsis - configures whether to show ellipsis for the title text when the text is too long. Defaults to false - in which case the title text is wrapped.
  • titleStyle - a style object for the <Panel /> title.
  • bodyScrollable - a boolean prop denoting if the body should show scrollbars when appropriate. The default value is true, so scrollbars are shown when the content is overflowing. Using false is not recommended.
Render before and after tile props, gives you the possibility to render JSX elements before and after the title.