Show Previews - Side by side my own components

[danielnc]

Is there a way to show primer view component previews side-by-side with my own components using lookbook?

I want to use that as the source of truth to document all components that exists on the app, but I cant find a way to "import" existing primer components without copying them to the root of my app

I want to leverage the existing preview components and just add them to my own app

[jonrohan]

That's a good question. In theory it should be possible, in our own lookbook development.rb config, I point to a separate folder where the previews are stored.

view_components/lookbook/config/environments/development.rb

Line 69 in 6d8d289

config.view_component.preview_paths << Rails.root.join("../test/previews")

If your vendor folder is setup in such a way you might be able to include them that way? Otherwise, there might be something we need to do in the library that would allow adding PrimerViewComponent previews to the config.

[danielnc]

@jonrohan problem with going the vendor folder route, is that it differs from different dev machines and also staging machines, so we don't want to enforce for our team
It would be really nice if there was an easy way to just point to the previews folder without hard-coding vendor for all of our apps.

If someone else has another suggestion, that would be great, otherwise ill wait to see if there is something that can be done on the library itself for now

[joelhawksley]

@danielnc I'd open an issue on ViewComponent and/or Lookbook 😄

[jonrohan]

This change will support adding the previews to your own lookbook instance #1404

[danielnc]

@jonrohan great to hear!! 🚀