Window toolbar
The 40px chrome bar at the top of the IDE window. Pure layout — a leading slot, a centred title slot, and a trailing slot over a 1px bottom border. No business logic of its own.
Included in the single kansho full pack. Components are not offered as separate installs.
Default
Browser window — no traffic-light insetTraffic-light inset
Native window — 76px reserved at left for the macOS controlsIndividual slots
Each slot is optionalComponent documentation
Window Toolbar
components/shell/window-toolbar.tsxPurpose
Provides a macOS-style window toolbar layout with reserved traffic-light space.
Appropriate use
Use in desktop-inspired frames that need aligned leading, centred, and trailing toolbar regions.
Example
components/shell/window-toolbar.tsx has a representative live example in the "Default" section on /components/window-toolbar.
States
Supports optional traffic-light inset, arbitrary leading, centre, and trailing content, native div attributes, and ref forwarding.
API and props
WindowToolbar accepts trafficLightInset, leading, center, trailing, className, native div props, and ref.
Dependencies
React and the Kansho cn utility.
Accessibility
Adds no toolbar role by default, so each supplied interactive control retains its own native semantics and accessible name.
Limitations
It is a visual layout primitive only and does not provide window dragging, traffic-light controls, overflow handling, or keyboard navigation among actions.
Source
Source: components/shell/window-toolbar.tsx.
Full pack
components/shell/window-toolbar.tsx is documented at /components/window-toolbar and installs only through the single Kansho full pack; no individual component install is offered.