MenuBar

A horizontal list of <MenuItem>s, often positioned at the top of a window

Code

<script lang="ts">
  import { MenuBar } from '@geoffcox/sterling-svelte';
</script>

<MenuBar>
  <!-- <MenuItem> ... -->
</MenuBar>

Members

	Property Name	Type	Default	Comment
	variant	string	''	Additional class names to apply

Event Name	Data	Comment
close	value	Raised when a descendant menu is closed
open	value	Raised when a descendant menu is opened
selected	value	Raised when descendant menu item is selected

Prefer using the Label component rather than the label produced by providing default slot content.
Includes HTMLAnchorElement props, event, and methods

<div class="sterling-menu-bar">
  <slot {variant} />
</div>