https://github.com/react-melon/melon-split-pane

Split Pane Component
https://github.com/react-melon/melon-split-pane

Last synced: about 1 year ago
JSON representation

Split Pane Component

• Host: GitHub
• URL: https://github.com/react-melon/melon-split-pane
• Owner: react-melon
• Created: 2016-09-03T06:29:21.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-10-30T13:25:02.000Z (over 8 years ago)
• Last Synced: 2025-03-12T02:51:29.653Z (about 1 year ago)
• Language: JavaScript
• Size: 121 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# melon-split-pane

[![Build Status](https://travis-ci.org/react-melon/melon-split-pane.svg?branch=master)](https://travis-ci.org/react-melon/melon-split-pane)

[![Coverage Status](https://coveralls.io/repos/github/react-melon/melon-split-pane/badge.svg?branch=master)](https://coveralls.io/github/react-melon/melon-split-pane?branch=master)

## Usage

```js

import React from 'react';

import SplitPane, {Pane} from 'melon-split-pane';

import ReactDOM from 'react-dom';

import './index.styl';

ReactDOM.render(

    

        a

        b

        c

    ,

    document.getElementById('app')

);

```

## Setup

### webpack

1. please check out [this](https://github.com/react-melon/melon#如何在-webpack-中使用-melon) first.

2. `npm install -S melon-split-pane`

### bower

1. `bower install -S melon-split-pane`

2. config your `requirejs` / `esl`

    ```js

    require.config({

        paths: {

            'melon-split-pane': 'bower_components/melon-split-pane/lib/SplitPane'

        }

    });

    ```

## API Document

check [this](https://doc.esdoc.org/github.com/react-melon/melon-split-pane/) out

## Run the example

```sh

git clone git@github.com:react-melon/melon-split-pane.git

cd melon-split-pane

npm install

npm start

open http://localhost:8080/example

```

## Thanks

Big thanks to [BrowserStack](https://www.browserstack.com) for multiple-browsers automation testing!

[![logo](https://cloud.githubusercontent.com/assets/811195/18348391/b524c38e-75fd-11e6-8a65-b175cf4ad91e.png)](https://www.browserstack.com)