go-split
TypeScript icon, indicating that this package has built-in type declarations

3.4.7 • Public • Published

go-split

Splitter for React

  • Style how you like (className, style)
  • No extra styles
  • Implement based on flexbox

Usage

import { Split, Pane, Resizer, SplitContext } from "go-split";

<Split sticky={80} minSize={200} maxSize={400}>
  <Pane style={{ flex: "0 1 auto" }} main={true}>
    Not so long text
  </Pane>
  <Resizer>You can place controls here and use <code>SplitContext</code></Resizer>
  <Pane>
    <Split split={"horizontal"} sticky={80}>
      <Pane style={{ flex: "0 1 auto" }} main={true}>
        Splitter take minimum size
      </Pane>
      <Resizer/>
      <Pane>
        Text
      </Pane>
    </Split>
  </Pane>
</Split>

Live

Package Sidebar

Install

npm i go-split

Weekly Downloads

61

Version

3.4.7

License

MIT

Unpacked Size

51.5 kB

Total Files

23

Last publish

Collaborators

  • wroud