Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bluskript/solid-split-pane
Simple and minimal split pane component for Solid!
https://github.com/bluskript/solid-split-pane
Last synced: 6 days ago
JSON representation
Simple and minimal split pane component for Solid!
- Host: GitHub
- URL: https://github.com/bluskript/solid-split-pane
- Owner: bluskript
- License: mit
- Created: 2022-10-27T02:11:03.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-10-27T22:15:30.000Z (about 2 years ago)
- Last Synced: 2024-09-23T19:47:40.824Z (about 2 months ago)
- Language: TypeScript
- Size: 75.2 KB
- Stars: 14
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-solid-js - Solid Split Pane
README
# solid-split-pane
Split pane component for Solid! Uses Split.Js under the hood. Takes all props that `split.js` takes, plus a `gutterClass`.
(Q) Why not `solid-split` or `solid-split-component`?
solid-split contains a custom split implementation that has much less features. `solid-split-component`'s internals seemed rather complicated for what
seems to be a simple problem. I just wanted to publish my solution, which is just a lightweight wrapper over Split.Js.
## Usage
```
npm i solid-split-pane
```
```jsx
import { SplitPane } from "solid-split-pane";
export const App = () => (
Container 1
Container 2
;
);
```
## Options
Any options that [Split.JS](https://split.js.org/#/) takes.
Gutter class is customizeable through a `gutterClass` prop!