Flex Layout

Resizable Split-Panels + Drag & Drop dynamische Splits für React. Die Einführungsdokumentation ist schnell zu lesen, und die nachfolgenden Anleitungen sind so strukturiert, dass sie schrittweise erweitert werden können.

Erste Schritte

Start here

Wenn Sie Flex Layout zum ersten Mal verwenden, können Sie die erforderlichen Kernunterlagen schnell durchsehen und sofort Beispiele ausführen.

Sektion öffnen

Leitfäden

Sticky, Open/Close, DragBox, Dynamic Split View und der URL-basierte Split Screen von v1.0.0 werden in einem praktischen Nutzungsszenario zusammengefasst.

Sektion öffnen

Erste Schritte

Wenn Sie Flex Layout zum ersten Mal verwenden, können Sie die erforderlichen Kernunterlagen schnell durchsehen und sofort Beispiele ausführen.

Gesamtansicht

Übersicht

Flex Layout이 무엇인지, 어떤 문제를 해결하는지, 어떤 방향으로 설계되었는지 살펴봅니다.

Dokument öffnen

Installation

설치 방법, 의존성, Next.js(App Router) 환경에서의 주의사항을 정리합니다.

Dokument öffnen

Schnellstart

Empfehlung

가장 짧은 코드로 레이아웃을 구성하고, resize panel / grow / nested layout 사용법까지 빠르게 익힙니다.

Dokument öffnen

Leitfäden

Sticky, Open/Close, DragBox, Dynamic Split View und der URL-basierte Split Screen von v1.0.0 werden in einem praktischen Nutzungsszenario zusammengefasst.

Gesamtansicht

Leitfäden

Organisiert die Kombination von Flex-Layouts nach tatsächlichen Nutzungsszenarien.

Dokument öffnen

Next.js URL Split Screen

v1.0.0

Serverseitiges Rendering von Next.js page.tsx über die URL und Droppen in FlexLayoutSplitScreen Pane.

Dokument öffnen