Status bar
The 28px bar pinned to the bottom of the IDE window. A leading slot (branch, connection) and a trailing slot (file path) over a 1px top border, at 12px. StatusBarPath renders monospace path text.
Included in the single kansho full pack. Components are not offered as separate installs.
Default
Branch + connection at left, file path at rightIndividual slots
Each slot is optionalComponent documentation
Status Bar
components/shell/status-bar.tsxPurpose
Provides a compact leading and trailing status strip for the edge of an application frame.
Appropriate use
Use for persistent, low-priority environment or connection metadata that should not compete with primary content.
Example
components/shell/status-bar.tsx has a representative live example in the "Default" section on /components/status-bar.
States
Supports arbitrary leading and trailing content plus native div attributes and ref forwarding.
API and props
StatusBar accepts leading, trailing, className, native div props, and ref; StatusBarPath accepts native span props and ref.
Dependencies
React and the Kansho cn utility.
Accessibility
Renders visible text in normal document order without imposing a live region, allowing callers to choose semantics appropriate to the status content.
Limitations
It does not announce updates, truncate by policy, or prioritize status messages; frequently changing critical state needs a dedicated live region.
Source
Source: components/shell/status-bar.tsx.
Full pack
components/shell/status-bar.tsx is documented at /components/status-bar and installs only through the single Kansho full pack; no individual component install is offered.