v5.8.6
npm i @uiw/[email protected]- 💄 chore(deps): update dependency @uiw/react-code-preview to v4 (#110) c94c7c0 @renovate-bot
- 💄 chore(deps): Update dependency kkt to v7.1.5 878cfaf @jaywcjlove
- 💄 chore: update .gitignore 13af138 @jaywcjlove
- 🌍 website: update demo preview issue. 925fe9e @jaywcjlove
- ⛑ test: add test case. 4d25484 @jaywcjlove
- 💄 chore: update workflows config. f049598 @jaywcjlove
- 📖 doc: Update README.md b5c7c07 @jaywcjlove
Bundle Example: https://uiwjs.github.io/react-split/bundle.html
<!DOCTYPE html>
<html lang="en">
<head>
<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" crossorigin></script>
<link rel="stylesheet" href="https://unpkg.com/@uiw/react-split/dist/split.css">
</head>
<body>
<div id="container" style="padding: 24px"></div>
<script src="https://unpkg.com/@uiw/react-split/dist/split.min.js"></script>
<script type="text/babel">
import Split from '@uiw/react-split';
const Demo = () => {
return (
<React.Fragment>
<Split style={{ height: 100, border: '1px solid #d5d5d5', borderRadius: 3, marginTop: 18 }}>
<div>
Left Pane
</div>
<div>
Center Pane
</div>
<div>
Center Pane
</div>
<div style={{ flex: 1 }}>
Right Pane
</div>
</Split>
</React.Fragment>
);
}
ReactDOM.render(<Demo />, document.getElementById('container'));
</script>
</body>
</html>Contributors
jaywcjlove and renovate-bot