导航菜单 Navigation Menu

Root · ViewportPositioner · Viewport · Trigger · Content · List · Item · Link · Indicator · ItemIndicator · Arrow

#Arrow

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

属性	类型	默认值	描述
`disabled`	`boolean \| undefined`		是否禁用导航项
`value`	`string`		导航项的值

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

属性	类型	默认值	描述
`closeDelay`	`number`	`300`	菜单关闭前的延迟时间
`defaultValue`	`string`		导航菜单的默认值；适合不需要受控值的场景
`disableClickTrigger`	`boolean`		是否禁用点击触发器
`disableHoverTrigger`	`boolean`		是否禁用悬停触发器
`disablePointerLeaveClose`	`boolean`		是否禁用指针离开时关闭菜单
`id`	`string`		组件内部状态机的唯一标识
`ids`	`Partial<{ root: string; list: string; item: string; trigger: (value: string) => string; content: (value: string) => string; viewport: string; }>`		状态机中各元素的 id
`openDelay`	`number`	`200`	菜单打开前的延迟时间
`orientation`	`'horizontal' \| 'vertical'`	`"horizontal"`	导航菜单的排列方向
`translations`	`navigationMenu.IntlTranslations`		无障碍元素及其状态使用的本地化文案
`value`	`string`		导航菜单的受控值

事件	载荷
`valueChange`	`details: ValueChangeDetails`
`update:value`	`value: string`

纯造型的部件——自身没有属性，沿用部件结构的共享样式。

属性	类型	默认值	描述
`align`	`"start" \| "center" \| "end"`		视口位置，写入 CSS 变量 `--viewport-x` 和 `--viewport-y`；`@defaultValue 'center'`

纯造型的部件——自身没有属性，沿用部件结构的共享样式。