Elements Menubar
Back to Elements

Menubar

0 components

UI elements you can copy into your project.

API reference

Generated from each primitive's $props() declaration.

Menubar.Root

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.CheckboxItem

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
checked bind: boolean false
indeterminate bind: boolean false
children as childrenProp — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.Content

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
sideOffset number 8
alignOffset — -4
align string "start"
side string "bottom"
portalProps — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.Group

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.GroupHeading

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
inset — —
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.Item

Horizontal menu bar with dark mode support.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
inset — undefined
variant string "default"
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.Label

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
inset — —
children Snippet —
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.RadioItem

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children as childrenProp — —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.Separator

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.Shortcut

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.SubContent

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.SubTrigger

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
inset — undefined
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

Menubar.Trigger

Horizontal menu bar.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.