react-live icon indicating copy to clipboard operation
react-live copied to clipboard

A flexible playground for live editing React components

Results 88 react-live issues
Sort by recently updated
recently updated
newest added

![image](https://user-images.githubusercontent.com/79389581/182283620-1f1d1bd5-4010-4fe1-9c1f-0dfbd89164ef.png) ![image](https://user-images.githubusercontent.com/79389581/182283863-abaac9e0-88d0-4c36-bab9-ced131d8556e.png) ![image](https://user-images.githubusercontent.com/79389581/182283894-9feab903-7106-48db-8b46-06c058961f84.png)

This pull request adds a new prop for LiveEditor - `tabMode` - which lets you define how the tab key should work. If you pass the value `indentation` (the default),...

I installed the new version `3.0.0` and there is an issue with `LiveEditor`. To reproduce the issue, it is easier if you go directly to [the demo](https://react-live.netlify.app/) and follow these...

This PR supports forwarding of props to the pre element. This allows to set e.g. unique ID for using a label. Or also `aria-label` will do it (Its important that...

Fixes #321 (more details in this issue) This PR adds support for in "initial sync render". With that, we do support SSR again. - A new property to skip that...

- versions prior to [2.3.0](https://github.com/FormidableLabs/react-live/releases/tag/v2.3.0) supported SSR - we inadvertently lost this functionality in https://github.com/FormidableLabs/react-live/pull/226 - see also https://github.com/FormidableLabs/react-live/issues/272#issuecomment-1022716148 we need to refactor `` to avoid relying on `useEffect` (which...

Use language option (when set to either `typescript` or `tsx`) to change the sucrase transform options. ![image](https://user-images.githubusercontent.com/1233790/157640690-2f3692bb-b5c9-45a4-b913-f3e14c62803f.png)

If a code block starts with `;`, it will crash after React Live wraps it in `()` because while `;` is a valid way to precede an expression prior to...

This pull request adds the correct type definitions for the LivePreview component. You can pass a `Component` prop to the `` component, which will let you render a random component,...