跳到主要内容

Layout

The page's plumbing: portals, scroll areas, the selection rectangle and the theme wrapper.

Overview​

The following components are available:

ComponentDescription
ArticleDocSpace's left panel: a fixed column with a header slot, a main button, a scrolling body and the profile block.
PortalRenders a node into another part of the document, after mount, keeping it inside the React tree.
ScrollbarScrolling region with the kit's own thin tracks, which fade out when nothing is happening.
SectionDocSpace's page body: a sticky header and filter, a scrolling body, and the info and chat panels beside it.
SelectionAreaRubber-band selection: a dragged rectangle that reports which items it covers, frame by frame.
ThemeProviderComponentThe older theme provider: it writes the theme onto the document and supplies the kit's theme context.