Svelte · Workspace

ShellSectionMenu

No summary has been written for ShellSectionMenu. Everything below is generated from the declaration shipped in 0.57.40 and describes the real contract.

Public export

typescript

import { ShellSectionMenu } from '@happyvertical/smrt-svelte/workspace';

Import path: @happyvertical/smrt-svelte/workspace
Props: 8
Props described: 8 of 8
Bindable state: 0
Callback events: 1
Verified release: 0.57.40

Props

NameTypeRequiredDescription

sectionIdstringYesThe section's id (`ShellNavGroup.id ?? heading`).

controllerShellLayoutControllerNoThe layout API; defaults to the nearest `AppShell`'s.

aria-labelstringNoAccessible name for the list (default "<section> entries").

iconComponentComponent<{ name: string; size?: number; }>NoRenders host icon names, as for `TenantNav`.

metaSnippet<[ShellSectionMenuEntry]>NoContent after the label, e.g. a record count.

actionsSnippet<[ShellSectionMenuEntry]>NoTrailing links or buttons, e.g. "New <noun>". Not shown while editing.

layout'list' | 'cards'No`list` (default): compact rows. `cards`: a responsive grid of cards, each with a large icon, the label, the item's `description`, then `meta` and `actions` along the bottom.

onNavigate() => voidNoCalled when the user follows a row link.

Bindable state

This component has no bindable public state.

Callback events

onNavigate() => void

Public export

Props

Bindable state

Callback events

Examples and explanation