Component registry

You home

The personal starting view inside the menu.

All components · Kit documents · Definition as JSON

What shipped

4.195.0 replaced the old account block in the menu with one slim row: your face and name, add or switch account, Display, Settings and Sign out, each a full touch target with a tooltip. Below it, small, only this site’s own items, your status and Admin.

“When I said integrate the user drop down into this menu, I didn’t mean like this … get rid of this thing.” — the owner, 2026-11-10

39 The account lives in the menu's You tab, not in a dropdown.36 The menu button opens on the site you are on.46 Everything you can press is at least 44 px.

Shipped in 4.195.0 · Every Shared release

Live web demo

Web source: openvibe-shared/navbar · Menu You panel

Anatomy

  • identityavatar and name
  • shortcutsyour places
  • settingsdisplay and account

Props

person
person?
shortcuts
link[]

Behavior and accessibility

States
signed-in · signed-out · loading
Tokens
color.bg.raised · color.text.secondary · size.tap
Keyboard
Keeps the focused control in view
Outside tap
No dismissal
Scroll lock
Page remains scrollable
Reduced motion
Remove movement; keep the state change.
Accessibility
You home. Visible keyboard focus; follow reading order. At least 44 × 44 dp or pt for every touch action.

Android · Jetpack Compose

Use a Column of ListItem shortcuts under the account identity.

Material 3 container: SurfaceContainerHigh

iOS · SwiftUI

Use a List with account identity and destination sections.

Example definition

{
  "schema": "design.component@1",
  "name": "you-home",
  "props": {
    "person": "You"
  }
}

Other components