Configure bluecheese to use components. Add some educational example components. (!67) · Merge requests · project / bluecheese

Configures the bluecheese theme to use Drupal components.
Adds a small set of sample components that help explain how to write effective stories.
Both SDCs and a non-SDC component are represented in the sample.

On the drupalorg project, checkout to storybook-integration
cd to bluecheese and checkout to this MR branch
Run composer install-storybook
Run ddev yarn storybook
Visit storybook: https://drupalorg.ddev.site:6006/
Verify that you can see an Examples directory containing some example components.
Verify that each of them is rendering correctly both in the Documentation and in each of their respective stories.
Open the inspector, spot check some components in the console to verify that there are no console errors.
Close the inspector.
Verify that you can use the control panel to experiment with values on the individual stories, but not in the Documentation.
Go to the list item component and click the accessibility tab on the control panel.
Observe that you can see the a11y addon flagging an accessibility error (li's should always be inside uls).

Configure bluecheese to use components. Add some educational example components.