Installation
Requirements
- React
≥ 18(the library usesuseSyncExternalStoreand other React 18 APIs) - A browser with CSS
color-mix(): Chrome / Edge 111, Safari 16.2, Firefox 113 or later (all 2023).
npm
bash
npm install react-dockable-desktoppnpm / yarn
bash
pnpm add react-dockable-desktop
yarn add react-dockable-desktopCSS import
Add the stylesheet to your application entry point (main.tsx, index.js, etc.):
ts
import 'react-dockable-desktop/styles.css';TypeScript
The library is written in TypeScript and ships full .d.ts type definitions. No @types package is needed.
Module formats
The package ships both ESM and CJS:
| Field | File |
|---|---|
import (ESM) | dist/index.js |
require (CJS) | dist/index.cjs |
types | dist/index.d.ts |
./styles.css (subpath export — import 'react-dockable-desktop/styles.css') | dist/styles.css |