Line

You are reading the unreleased docs (next). See latest (v0.9)

ui/client/features/shell/components/TopBar

Cockpit client (features), next. Source: ui/client/features/shell/components/TopBar.tsx.

Functions#

TopBar()#

TopBar(__namedParameters): Element

Defined in: ui/client/features/shell/components/TopBar.tsx:18

The 44px top bar: brand, project switcher slot, status pills, pane toggles and the profile menu slot. The five screens live in the left rail (ActivityBar), not here.

: the status pills carry their label in a .sh-pill-text span so the <=1280px tier can visually hide the words (clip, not display: none) and leave an icon + count behind, without losing the accessible name, the aria-live announcement or the hover title.

Props#

No documented props.

Returns#

Element