react-runner
react-runner copied to clipboard
Disabled support
This is a feature request for a disabled flag on <LiveProvider> like react-live has (doc).
The goal is to allow someone to make the editor read-only:
const isEnabled = someLogicThatChecksIfEditorShouldBeEditable;
return (
<LiveProvider code={code} scope={scope} disabled={isEnabled}>
<LivePreview style={{ padding: '10px' }} />
<LiveEditor style={{ minHeight: '100%', fontFamily: 'monospace' }}
<LiveError />
</LiveProvider>
);
Add disabled to LiveError
@nihgwu do you mean:
<LiveError disabled={true} />
If so, I just tried that, but I can still edit the LiveEditor.