Skip to content

Commit

Permalink
Update README.md syntax highlighting (#313)
Browse files Browse the repository at this point in the history
  • Loading branch information
jlmakes authored and wuweiweiwu committed Sep 2, 2018
1 parent ec8d4ae commit 8c4fdcc
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,14 +19,14 @@ yarn add react-split-pane
```

## Example Usage
```html
```jsx
<SplitPane split="vertical" minSize={50} defaultSize={100}>
<div></div>
<div></div>
</SplitPane>
```

```html
```jsx
<SplitPane split="vertical" minSize={50}>
<div></div>
<SplitPane split="horizontal">
Expand All @@ -51,7 +51,7 @@ You can also set the size of the pane using the `size` prop. Note that a size se

In this example right pane keeps its width 200px while user is resizing browser window.

```html
```jsx
<SplitPane split="vertical" defaultSize={200} primary="second">
<div></div>
<div></div>
Expand Down Expand Up @@ -97,7 +97,7 @@ survive a refresh of your app.
For example, if you are comfortable with the trade-offs of localStorage, you
could do something like the following:

```html
```jsx
<SplitPane split="vertical" minSize={50}
defaultSize={ parseInt(localStorage.getItem('splitPos'), 10) }
onChange={ size => localStorage.setItem('splitPos', size) }>
Expand Down

0 comments on commit 8c4fdcc

Please sign in to comment.