@ihatecode/react-splitter v2.0.1

@ihatecode/react-splitter

Englist | 中文

Introduction

A split pane component written in React.

Install

# npm
npm install @ihatecode/react-splitter
# yarn
yarn add @ihatecode/react-splitter
# pnpm
pnpm add @ihatecode/react-splitter

Usage

import React from 'react';
import Splitter from '@ihatecode/react-splitter';
import '@ihatecode/react-splitter/lib/style.css';

const App: React.FC = () => {
  return (
    <Splitter
        items={[
            {
                size:200,
                min:100,
                max:300,
                content:<div>Left</div>
            },
            {
                size:'50%',
                min:'25%',
                max:'75%',
                content:<div>Right</div>
            }]
        }
    />
  );
};

export default App;

Demo

Online demo: https://rg4jgy.csb.app/

Props

Splitter props

Splitbar props

Splitter Item props