Skip to content

Commit fdc55d4

Browse files
author
Aman Kumar
committed
chore: Test Badge and React support badge
1 parent c5b0bf8 commit fdc55d4

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

README.md

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,9 @@
22

33
**High-performance resizable split layouts for React.** Built for the modern web with a focus on speed, accessibility, and developer experience.
44

5+
[![CI](https://github.com/AmanKrr/A-MultiLayout-Splitter/actions/workflows/test.yml/badge.svg?branch=v6)](https://github.com/AmanKrr/A-MultiLayout-Splitter/actions/workflows/test.yml)
56
[![npm version](https://img.shields.io/npm/v/@a-multilayout-splitter/core.svg?style=flat-square)](https://www.npmjs.com/package/@a-multilayout-splitter/core)
7+
![React](https://img.shields.io/badge/React-18%20%7C%2019-61dafb?style=flat-square)
68
[![license](https://img.shields.io/github/license/AmanKrr/A-MultiLayout-Splitter?style=flat-square)](https://github.com/AmanKrr/A-MultiLayout-Splitter/blob/v6/LICENSE)
79
[![docs](https://img.shields.io/badge/docs-v6-blueviolet?style=flat-square)](https://amankrr.github.io/A-MultiLayout-Splitter/)
810

@@ -11,6 +13,7 @@
1113
Most React splitters suffer from "jitter" because they trigger a full React render loop 60 times per second during a drag operation. A-MultiLayout-Splitter uses a **hybrid architecture** that bypasses React for resizing interaction while maintaining a perfect React-first state model.
1214

1315
### Key Features
16+
1417
- ⚡️ **60fps Performance**: Direct DOM manipulation during interaction ensures zero-lag dragging.
1518
- 🌲 **Deep Nesting**: Effortlessly create complex IDE-grade layouts (Sidebars within Topbars within Views).
1619
- 🧩 **Plugin System**: Modular architecture for features like Keyboard Navigation, Persistence, and Custom UI.
@@ -25,6 +28,7 @@ Most React splitters suffer from "jitter" because they trigger a full React rend
2528
**[View Full Documentation Site](https://amankrr.github.io/A-MultiLayout-Splitter/)**
2629

2730
Our documentation site contains:
31+
2832
- **Interactive Demos**: Live examples of every feature.
2933
- **Guide**: Detailed explanation of the React-First architecture.
3034
- **Deep-Dives**: Learn how to build custom plugins and handle nested layouts.
@@ -64,14 +68,14 @@ Extend the splitter with powerful built-in plugins:
6468
```tsx
6569
import { Split, keyboardPlugin, persistencePlugin } from '@a-multilayout-splitter/core';
6670

67-
<Split
71+
<Split
6872
plugins={[
6973
keyboardPlugin(), // Arrows and numbers to resize/focus
70-
persistencePlugin({ key: 'user-layout' }) // Auto-save state
74+
persistencePlugin({ key: 'user-layout' }), // Auto-save state
7175
]}
7276
>
7377
{/* Panes */}
74-
</Split>
78+
</Split>;
7579
```
7680

7781
---

0 commit comments

Comments
 (0)