Dashboard Components

This dashboard library provides useful fragments for building dashboard pages, including a Dual-Config Chart that allows different stakeholders to view the same dataset in different ways, where editors define a standard dataset via the Objects API and users can change chart types and adjust visualization styles; a Chart fragment that supports multiple configurations at the page edit level such as Line, Bar, Pie, Doughnut, Radar, and Polar Area charts, along with color systems, legend positioning, and other minor settings; a Workflow Visualizer that uses the Workflow API or plain JSON input and renders UI diagrams using mermaid.min.js; a Tile component commonly used in dashboards that fetches real-time data via the Objects API while allowing configurable titles, colors, and properties; and a Modal fragment that replicates Liferay’s out-of-the-box side panel experience for custom screens, enabling configuration of panel title, description, width, animations, and direction, with flexible opening options such as buttons, CSS selectors, or JavaScript events, and a built-in drop zone to fully customize the panel’s content.