Skip to content

Commit

Permalink
add css values size example
Browse files Browse the repository at this point in the history
  • Loading branch information
nathancahill committed Oct 19, 2015
1 parent 759c725 commit 55a2b9b
Showing 1 changed file with 10 additions and 2 deletions.
12 changes: 10 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,8 @@ Split(<id[]> element ids, <options> options?)
| Options | Type | Default | Description |
|---|---|---|---|
| sizes | Array of numbers | | Initial sizes of each element in percents. |
| minSize | Number or Array of numbers | 100 | Minimum size of each element. |
| sizes | Array | | Initial sizes of each element in percents or CSS values. |
| minSize | Number or Array | 100 | Minimum size of each element. |
| gutterSize | Number | 10 | Gutter size in pixels. |
| snapOffset | Number | 30 | Snap to minimum width offset in pixels. |
| direction | String | 'horizontal' | Direction to split: horizontal or vertical. |
Expand Down Expand Up @@ -64,6 +64,14 @@ Split(['one', 'two'], {
});
```
Specifying the initial widths with CSS values.
```js
Split(['one', 'two'], {
sizes: ['200px', '500px']
});
```
## CSS
In being non-opionionated, the only CSS Split.js sets is the widths or heights of the elements. Everything else is left up to you. However, here's some basic CSS to style the gutters with:
Expand Down

0 comments on commit 55a2b9b

Please sign in to comment.