{"library":"react-dock","title":"react-dock","description":"Resizable dockable React component that allows creating draggable side panels for layouts. Current stable version is 0.8.0, with infrequent releases. Supports React 16.3+ through 19. Ships TypeScript types. Unlike generic resizable panels, react-dock is purpose-built for docking to edges and dimming overlay modes (opaque, transparent, none). Ideal for sidebars, devtools, or notification panels. Peer dependencies: @types/react and react. Old but stable; no known breaking changes in recent history.","language":"javascript","status":"maintenance","last_verified":"Sat Apr 25","install":{"commands":["npm install react-dock"],"cli":null},"imports":["import Dock from 'react-dock'","const Dock = require('react-dock').default","import D from 'react-dock'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React, { useState } from 'react';\nimport Dock from 'react-dock';\n\nfunction App() {\n  const [visible, setVisible] = useState(true);\n  return (\n    <div>\n      <button onClick={() => setVisible(!visible)}>Toggle Dock</button>\n      <Dock position=\"right\" isVisible={visible} defaultSize={0.3} fluid={true}>\n        <div style={{ padding: 20 }}>\n          <p>Dock content</p>\n        </div>\n      </Dock>\n    </div>\n  );\n}\n\nexport default App;","lang":"typescript","description":"Shows basic uncontrolled Dock with toggle button, right-aligned, fluid 30% width.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}