Adds content to toolbar examples

[edonehoo]

Makes progress on patternfly/patternfly-org#2990

[patternfly-build]

Preview: https://patternfly-react-pr-8906.surge.sh

A11y report: https://patternfly-react-pr-8906-a11y.surge.sh

[nicolethoen]

@edonehoo
There is an accessibility test failure because each of our toolbar examples was assigned an id (not quite sure why), and every heading on the page is also given an id. The Toolbar items heading you added is now conflicting with the id on toolbar in the Toolbar items example.
If you update the id on this line to something like 'toolbar-items-example' then the violation should be resolved.

[mcarrano]

It feels odd to me that Sticky Toolbar is the first example. It was not previously. Is there are reason we changed the order?

Also, @nicolethoen , I assume it's unrelated to this PR, but do we understand why we are see a vertical mis-alignment now of certain items in toolbar examples?

[thatblindgeye]

This url leads to a 404 page. @mcarrano does/will this page exist in the updated page structure of PatternFly?

[edonehoo]

I removed the link for now to avoid the 404, but we can add it back when we figure out where to accurately point it

[nicolethoen]

Also, @nicolethoen , I assume it's unrelated to this PR, but do we understand why we are see a vertical mis-alignment now of certain items in toolbar examples?

which examples? I am not seeing misalignment when I preview the toolbar examples @mcarrano

[mcarrano]

@nicolethoen I see the problem here, for example: https://patternfly-react-pr-8906.surge.sh/components/toolbar#component-managed-toggle-groups

I only see this in Firefox. Not in Chrome.

[nicolethoen]

Ah I am not seeing that on chrome - but i see it on firefox. bummer. We can open a follow up issue for that

[nicolethoen]

@mcarrano here is the follow up issue to address select alignment in toolbars in firefox: patternfly/patternfly#5532

[mcarrano]

@nicolethoen Thanks for opening the follow-up. I approve then.

[edonehoo]

Regarding "It feels odd to me that Sticky Toolbar is the first example. It was not previously. Is there are reason we changed the order?": I thought that it seemed like the most "basic" example since it referred to the toolbar behavior itself, rather than the toolbar items. But, if it seems odd, that was my only reason. I went ahead and moved it back to its original location assuming that makes better sense overall!

[mcarrano]

Looks great. Thanks for the update @edonehoo .