Go-split NPM | npm.io

3.4.7 • Published 1 year ago

Install

Weekly downloads

21

License

MIT

Repository

Last release

1 year ago

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>

react typescript split splitter

@infinitebrahmanuniverse/nolb-go-@everything-registry/sub-chunk-1774

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago