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
12 stars 12 forks source link

Allow components to be displayed within an iframe #309

Closed illionillion closed 23 hours ago

illionillion commented 3 days 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 3 days ago

image

illionillion commented 2 days 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