Please bring back working components for each code example

[rafgraph]

I like the new fully styled examples in the hero for each component. But it would be nice to still have a working component demonstrating each code example in the Examples section, e.g. https://www.radix-ui.com/docs/primitives/components/dropdown-menu#examples

As a possible alternative, is the storybook for each radix component available somewhere to try out?

[peduarte]

We plan on having fully copy-pastable code blocks for each example in the future, but right now its more maintenance than we can afford.

The main examples have been designed in a way that showcases almost all the features that the previous examples were demoing.

For example, previously, the DropdownMenu had the following working examples -With submenus -With disabled items -With separators -With labels -With checkbox items -With radio items -With complex items -Origin-aware animations -Collision-aware animations

Now, the hero demo contains an example of all of them in a single place.

Is there any example in particular you're missing?

About making the storybook public: let me chat with the team and get back to you.

[rafgraph]

It is unlikely that I'll use all of the features that are showcased in the main example (for any component). The previous examples that showcased each feature separately, and with minimal styling, provided a better match for how I could see using the component, and were an easier starting place for creating a PoC in code sandbox to do cross browser/device testing.

I do understand the maintenance issue given limited resources, and hopefully you'll have more resources soon.

Let me know about making the storybook public, I think that could be very useful!

[peduarte]

I feel you. I also really liked the examples. I'm sure that we'll be able to add them again, but yeah, right now it's not possible.

Also, we don't want to keep all examples limited to Stitches. We also wanna show usage with Vanilla CSS, Styled Components, etc.

As the team grows we'll have more hands on this.

Thanks for the feedback!

[Handfish]

+1 for making the storybook public. Hosting a static build under a subdomain would be useful.

I would like to take advantage of the composition feature offered by Storybook.

Here's a few example of frameworks that provide a static export. Chakra daisyUI

They can be linked into a local Storybook instance via adding this to the module.exports in main.js

  refs: {
   'Chakra': {
     title: "Chakra",
     url: "https://storybook.chakra-ui.com/",
     expanded: false // optional, true by default
   }
  }