svelte-split-pane
Advanced tools
Comparing version 0.1.0 to 0.1.1
@@ -7,3 +7,3 @@ { | ||
"dev": "rollup -c -w", | ||
"start": "sirv public" | ||
"start": "sirv ../docs" | ||
}, | ||
@@ -10,0 +10,0 @@ "devDependencies": { |
@@ -37,3 +37,3 @@ import svelte from 'rollup-plugin-svelte'; | ||
name: 'app', | ||
file: 'public/build/bundle.js' | ||
file: '../docs/build/bundle.js' | ||
}, | ||
@@ -68,3 +68,3 @@ plugins: [ | ||
// browser on changes when not in production | ||
!production && livereload('public'), | ||
!production && livereload('../docs'), | ||
@@ -71,0 +71,0 @@ // If we're building for production (npm run build |
{ | ||
"name": "svelte-split-pane", | ||
"version": "0.1.0", | ||
"version": "0.1.1", | ||
"description": "Split Pane Splitter Both for Horizontal and Vertial written in Svelte", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
# Split Pane for Svelte | ||
This is a splitter plugin for Svelte Application. | ||
Easy to use to separate panes horizontally. | ||
Easy to use to separate panes horizontally / vertically. | ||
![](2021-02-07-23-58-06.png) | ||
#### Usage | ||
## Example | ||
- GitHub Pages Example: http://www.readiz.com/svelte-split-pane/ | ||
- Svelte REPL Example: https://svelte.dev/repl/5ab84358dd8b46ad9474884f2359ff9b?version=3 | ||
## Usage | ||
Just use slots to place contents. | ||
```html | ||
@@ -42,9 +49,11 @@ <script> | ||
...where leftPane / rightPane are components for each pane. | ||
## Optional Parameters | ||
Example: | ||
![](2020-12-21-01-44-02.png) | ||
- updateCallback: this is called when splitting is finished. | ||
- [left|right|top|down]PaneSize: Specify the Pane size. (Default: 50%) | ||
- min[left|right|top|down]PaneSize: Specify minimum value of the each Pane. | ||
#### Optional Parameters | ||
updateCallback: this is called when splitting is finished. | ||
marginTop: marginTop value for splitter. | ||
## License | ||
- MIT | ||
- PR & Suggestions are welcome! |
250908
22
2876
59