The codepen-require-polyfill from uiwjs

codepen-require-polyfill's Introduction

# unpkg cdn
https://unpkg.com/@uiw/codepen-require-polyfill/index.js
# jsdelivr cdn
https://cdn.jsdelivr.net/npm/@uiw/codepen-require-polyfill/index.js

GitHub Pages Example: https://uiwjs.github.io/codepen-require-polyfill/bundle.html
Codepen Example: https://codepen.io/jaywcjlove/pen/wvzPgqm?editors=0010
UNPKG: https://unpkg.com/browse/@uiw/codepen-require-polyfill/
jsDelivr: https://cdn.jsdelivr.net/npm/@uiw/codepen-require-polyfill/

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/uiw.min.css">

<div id="container" style="padding: 24px"></div>
<script src="https://unpkg.com/@babel/[email protected]/babel.min.js" crossorigin></script>
<script src="https://unpkg.com/[email protected]/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/@uiw/codepen-require-polyfill/index.js"></script>
<script src="https://unpkg.com/[email protected]/dist/uiw.min.js"></script>
<script type="text/babel">
  import { Button } from 'uiw';

  const Demo = () => {
    return (
      <div>
        <Button type="primary">主要按钮</Button>
        <Button type="success">成功按钮</Button>
        <Button type="warning">警告按钮</Button>
        <Button type="danger">错误按钮</Button>
        <Button type="light">亮按钮</Button>
        <Button type="dark">暗按钮</Button>
      </div>
    );
  };

  ReactDOM.render(<Demo />, document.getElementById('container'));
</script>