WINDOW-CHROME

Source: design-system/components/WindowChrome/WindowChrome.tsx. React Server Component, zero client JavaScript.

Props

Prop	Type	Default	Required
Prop`size`	Type`number`	Default`10`	Requiredno
Prop`className`	Type`string`	Defaultnone	Requiredno
Prop`style`	Type`CSSProperties`	Defaultnone	Requiredno

SOURCE

<WindowChrome />
  <WindowChrome size={12} />
  <WindowChrome size={9} />

Pass size in pixels for context: 10 in the shell and contact panel headers. The site header carries no window dots.

The red, yellow and green dots are aria-hidden and decorative. The component has no focus behavior.