Layout
The page's plumbing: portals, scroll areas, the selection rectangle and the theme wrapper.
Overview
The following components are available:
| Component | Description |
|---|---|
Article | DocSpace's left panel: a fixed column with a header slot, a main button, a scrolling body and the profile block. |
Portal | Renders a node into another part of the document, after mount, keeping it inside the React tree. |
Scrollbar | Scrolling region with the kit's own thin tracks, which fade out when nothing is happening. |
Section | DocSpace's page body: a sticky header and filter, a scrolling body, and the info and chat panels beside it. |
SelectionArea | Rubber-band selection: a dragged rectangle that reports which items it covers, frame by frame. |
ThemeProviderComponent | The older theme provider: it writes the theme onto the document and supplies the kit's theme context. |