If you want to embed Widgetbook in your documentation, but you want to hide Widgetbook's UI, you can do so by adding the preview query parameter to the URL of your hosted Widgetbook.
url
https://widgetbook.acme.com/#/?path=my/use-case/path/default&previewFor example here's an embedding of our demo app:
diff
https://demo.widgetbook.io/#/?path=features/about/aboutscreen/default // [!code --]
https://demo.widgetbook.io/#/?path=features/about/aboutscreen/default&preview // [!code ++]Information
You can host your Widgetbook using Widgetbook Cloud Builds.
You may want to show or hide certain panels in the embedded Widgetbook. You can do this by adding the panels query parameter to the URL of your hosted Widgetbook.
Warning
The panels query parameter is not compatible with the preview query
parameter. If you use both, the panels parameter will be ignored.
url
# Knobs panel only
https://widgetbook.acme.com/#/?path=my/use-case/path/default&panels=knobsurl
# Knobs and Addons panels
https://widgetbook.acme.com/#/?path=my/use-case/path/default&panels=knobs,addonsurl
# Navigation panel only
https://widgetbook.acme.com/#/?path=my/use-case/path/default&panels=navigation