Add shared dashboard layout component
What does this MR do and why?
Adds a new DashboardLayout component in /vue_shared for Add a reusable dashboard layout component (#541899 - closed) that:
- Renders a dashboard with a title, description, filters, alert, panels and empty state.
- Handles the layout of all of the above so that consumers can easily create a dashboard layout.
- Renders the panels inside of
GridstackWrapperusing a configuration object. - Empowers consumers to edit the contents within the layout.
This will be used by groupsecurity insights for Implement dashboard layout framework enabling s... (&17819 - closed).
Follow-ups include:
- Updating
cutomizable_dashboard.vueto use this component.
References
Add a reusable dashboard layout component (#541899 - closed).
Screenshots or screen recordings
How to set up and validate locally
- Run
yarn storybook:startand view the dashboard layout story.
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Edited by Jiaan Louw
