Expected Behavior

Organize the storybook stories by type of component. For example Box is a type of Layout component. All the Layout components should be grouped together like they are in the documentation https://v2.grommet.io/components.

Actual Behavior

The stories are organized alphabetically by component.

URL, screenshot, or Codepen exhibiting the issue

![image](https://us

Opening this issue in case anyone wants to help. Recently, we've configured Storybook to import files from __examples__ folders inside Reakit component folders. This is how we're doing it:

https://github.com/reakit/reakit/blob/0b70f435673db13b75f82d69ac2760b485879674/.storybook/preview.js#L7-L22

Thos

The internal-link-present-evaluate function should work with virtualNode rather than actualNode. Update the regexp test to use virtual-node methods to get the attribute.

You'll also need

Summary

Running the WAVE plugin shows not all text has sufficient contrast, and an empty link is present, these are minor issues and potentially false positives, as the site may serve as an example for others it would be great if at least all errors from automated tests are resolved.

Expected result

Running a tool such as the WAVE plugin on Chrome shows no errors.

Actual res

I believe these directives were dismissed at some point due to no browser support, however there's increasing support for stale-while-revalidate.

stale-if-error on the other hand [isn't](https://caniuse.com/#feat

Something must have changed in Chrome because the CSS asterisk is no longer positioned appropriately.

checking firefox, it still is positioned as intended.

Further investigation necessary.