search

yamada-ui / yamada-components

A collection of React UI components of the Yamada, by the Yamada, for the Yamada, built with Yamada UI.
https://yamada-components.com
MIT License
17 stars 15 forks source link

Allow components to be displayed within an iframe #309

Closed illionillion closed 4 months ago

illionillion commented 4 months ago

Subject

Allow components to be displayed within an iframe

Description

Display in an iframe, like the documentation site, so that modals and drawers can be displayed within the preview.

https://github.com/yamada-ui/yamada-ui/blob/e67ca8473a9b76fc23b6e2e9e03ee464c1c3260c/docs/components/mdx/editable-code-block.tsx#L276

Are you willing to participate in the development of this feature and create a pull request?

None

illionillion commented 4 months ago

image

illionillion commented 4 months ago

I have an iframe implementation in this branch, but the theme and config are not reflected properly in the iframe.

https://github.com/yamada-ui/yamada-components/blob/feat/iframe/components/data-display/component-preview.tsx