You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+3-31Lines changed: 3 additions & 31 deletions
Original file line number
Diff line number
Diff line change
@@ -8,46 +8,18 @@
8
8
9
9
<!-- /automd -->
10
10
11
-
WithRunes provides components that make it easy to create resizable panes in your Svelte apps. It's designed to be simple to use, and to work well with other Svelte components and libraries. This project has taken a lot of inspiration and code from the work done by [Bryan Vaughn](https://github.com/bvaughn) and [react-resizable-panels](https://github.com/bvaughn/react-resizable-panels) and seeks to provide a similar experience for Svelte developers.
11
+
WithRunes provides utilities to power your applications using the magic of [Svelte Runes](https://svelte.dev/blog/runes).
12
12
13
13
## Features
14
14
15
-
-**Simple API**: WithRunes is designed to be easy to use. It provides a small set of components that can be combined to create complex layouts.
16
-
-**Resizable Panes**: Panes can be resized by dragging the resizer between them.
17
-
-**Nested Groups**: Groups of panes can be nested inside other groups to create complex layouts.
18
-
-**Customizable**: The appearance and behavior of the panes can be customized using CSS and Svelte props.
19
-
-**Persistent Layouts**: WithRunes can be used with LocalStorage or cookies to persist the layout of the panes between page loads.
20
-
-**Accessible**: WithRunes is designed to be accessible to all users, including those who use assistive technologies.
21
-
-**Community-driven**: WithRunes is an open-source project that welcomes contributions from the community. If you have an idea for a new feature or an improvement, we'd love to hear from you!
15
+
<!-- TODO -->
22
16
23
17
## Installation
24
18
25
19
```bash
26
20
npm install withrunes
27
21
```
28
22
29
-
## Basic Usage
30
-
31
-
Here's a simple example of how to use WithRunes to create a horizontal pane group with two panes:
32
-
33
-
```svelte
34
-
<script lang="ts">
35
-
import { PaneGroup, Pane, PaneResizer } from "withrunes";
36
-
</script>
37
-
38
-
<PaneGroup direction="horizontal">
39
-
<Pane defaultSize={50}>Pane 1</Pane>
40
-
<PaneResizer />
41
-
<Pane defaultSize={50}>Pane 2</Pane>
42
-
</PaneGroup>
43
-
```
44
-
45
-
The `PaneGroup` component is used to initialize a pane group, and the `Pane` component is used to create a pane. The `PaneResizer` component is used to create a resizer that can be dragged to resize the panes.
46
-
47
-
The components ship only with the styles necessary to position the panes in the appropriate layout. The rest of the styling is up to you.
48
-
49
-
For more information, see the [Documentation](https://withrunes.com).
50
-
51
23
## Sponsors
52
24
53
25
This project is supported by the following beautiful people/organizations:
@@ -63,7 +35,7 @@ This project is supported by the following beautiful people/organizations:
Published under the [MIT](https://github.com/svecosystem/withrunes/blob/main/LICENSE) license.
66
-
Made by [@huntabyte](https://github.com/huntabyte) and [community](https://github.com/svecosystem/withrunes/graphs/contributors) 💛
38
+
Made by [@TGlide](https://github.com/tglide), [@huntabyte](https://github.com/huntabyte) and [community](https://github.com/svecosystem/withrunes/graphs/contributors) 💛
Copy file name to clipboardExpand all lines: packages/withrunes/README.md
+2-30Lines changed: 2 additions & 30 deletions
Original file line number
Diff line number
Diff line change
@@ -8,46 +8,18 @@
8
8
9
9
<!-- /automd -->
10
10
11
-
WithRunes provides components that make it easy to create resizable panes in your Svelte apps. It's designed to be simple to use, and to work well with other Svelte components and libraries. This project has taken a lot of inspiration and code from the work done by [Bryan Vaughn](https://github.com/bvaughn) and [react-resizable-panels](https://github.com/bvaughn/react-resizable-panels) and seeks to provide a similar experience for Svelte developers.
11
+
WithRunes provides utilities to power your applications using the magic of [Svelte Runes](https://svelte.dev/blog/runes).
12
12
13
13
## Features
14
14
15
-
-**Simple API**: WithRunes is designed to be easy to use. It provides a small set of components that can be combined to create complex layouts.
16
-
-**Resizable Panes**: Panes can be resized by dragging the resizer between them.
17
-
-**Nested Groups**: Groups of panes can be nested inside other groups to create complex layouts.
18
-
-**Customizable**: The appearance and behavior of the panes can be customized using CSS and Svelte props.
19
-
-**Persistent Layouts**: WithRunes can be used with LocalStorage or cookies to persist the layout of the panes between page loads.
20
-
-**Accessible**: WithRunes is designed to be accessible to all users, including those who use assistive technologies.
21
-
-**Community-driven**: WithRunes is an open-source project that welcomes contributions from the community. If you have an idea for a new feature or an improvement, we'd love to hear from you!
15
+
<!-- TODO -->
22
16
23
17
## Installation
24
18
25
19
```bash
26
20
npm install withrunes
27
21
```
28
22
29
-
## Basic Usage
30
-
31
-
Here's a simple example of how to use WithRunes to create a horizontal pane group with two panes:
32
-
33
-
```svelte
34
-
<script lang="ts">
35
-
import { PaneGroup, Pane, PaneResizer } from "withrunes";
36
-
</script>
37
-
38
-
<PaneGroup direction="horizontal">
39
-
<Pane defaultSize={50}>Pane 1</Pane>
40
-
<PaneResizer />
41
-
<Pane defaultSize={50}>Pane 2</Pane>
42
-
</PaneGroup>
43
-
```
44
-
45
-
The `PaneGroup` component is used to initialize a pane group, and the `Pane` component is used to create a pane. The `PaneResizer` component is used to create a resizer that can be dragged to resize the panes.
46
-
47
-
The components ship only with the styles necessary to position the panes in the appropriate layout. The rest of the styling is up to you.
48
-
49
-
For more information, see the [Documentation](https://withrunes.com).
0 commit comments