Function Example

website/src/App.tsx:38–52

()

let val = 1;

export const Example = () => {
  const [value, setValue] = useState(code);
  return (
    <EditorWrapper>
      <button onClick={() => setValue('# Markdown ' + val++)}>set value</button>
      <textarea
        placeholder="Please enter the Markdown code!"
        value={value}
        spellCheck="false"
        onChange={(e) => setValue(e.target.value)}
      />
      <MarkdownPreview className="editor-preview" source={value} />
    </EditorWrapper>
  );
};

const FooterWrapper = styled.footer`
  text-align: center;