Navigation

System Bar

Compact top status region that can contribute geometry to the layout host.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

10:30

Properties

Sticky

Vue

<m-system-bar
  sticky
>
  <m-icon
    name="ic:round-wifi"
   />
  <span>
    10:30
  </span>
  <m-spacer />
  <m-icon
    name="ic:round-battery-full"
   />
</m-system-bar>

MSystemBar API

Props, slots, and events are extracted from the current public UI Kit contract.

MSystemBar

Navigation family

src/runtime/components/ui/system-bar

Props

NameTypeDefault

sticky

booleantrue

Slots

Events

MSystemBar does not emit component-specific events. Native events fall through to its root element.