sterling-svelte  2.0.0
A modern, accessible, lightweight UI component library for Svelte.

MenuBar

A horizontal list of menu items, often positioned at the top of a window.

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

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

Members

Property NameTypeDefaultComment
onClose(value: string) => voidRaised when a descendant menu is closed.
onOpen(value: string) => voidRaised when a descendant menu is opened.
onSelect(value: string) => voidRaised when descendant menu item is selected.

Considerations

  • Includes HTMLDivElement props, events, and methods.

Anatomy

menu bar (<div>)
  children (Snippet)