WebCore use a component to display a summary of component health, this is displayed at the bottom of the canvas in storybook. Lets create our own version of this component to display a health check summary.
Create 'Health check summary' component to be displayed at the bottom of the canvas in storybook (Our own version of the WebCore 'Health Factors summary' component)
The component should include 'Basic', 'Progress to done' and 'With no data'
Spacing, font sizes, colours etc - Follow WebCore component
Is your feature request related to a problem? Please describe. This Issue should be completed after https://github.com/bbc/psammead/issues/4571
WebCore use a component to display a summary of component health, this is displayed at the bottom of the canvas in storybook. Lets create our own version of this component to display a health check summary.
An example can be seen here of the WebCore component: https://static.files.bbci.co.uk/core/storybook/index.html?path=/story/docs-components-health-factors-summary--basic
Matadata for the WebCore component can be seen here: https://github.com/bbc/web/blob/main/packages/gel/components/promo/metadata.json
The WebCore component is then used to display a summary of component health for WebCore components at the bottom of the canvas, an example can be seen here: https://static.files.bbci.co.uk/core/storybook/iframe.html?id=gel-components-section-header--basic&args=&viewMode=story
Describe the solution you'd like
Basic
Progress to done
With no data
Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.
Testing notes [Tester to complete]
Dev insight: Will there be any potential regression? etc
Checklist
Additional context Add any other context or screenshots about the feature request here.