侧边导航收起按钮
@astryxdesign/core v0.7.1 · SideNavCollapseButton
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
label | string | — | 按钮文字。传了就把只有图标的方块变成带文字的按钮,箭头在文字前面。不传时,读屏读到的名字跟着状态走:展开侧栏或收起侧栏。 |
collapsible | SideNavControlledCollapsible | — | 受控的 { isCollapsed, onCollapsedChange } 配置。按钮渲染在 SideNav 外面、读不到侧栏上下文时用它,并把同一个对象交给 SideNav。它优先于 isCollapsed。 |
isCollapsed | boolean | — | 受控的收起状态,给放在 SideNav 外面的按钮用。用 v-model:is-collapsed 绑上,并给侧栏同一个值,两边才不会打架。 |
size | 'sm' | 'md' | 'lg' | 在 SideNav 里是 'sm',外面是 'md' | 按钮大小。默认跟着容器走。 |
这个按钮就是一个 ghost 的 Button:按解析出来的尺寸渲染成方形,箭头放在按钮的图标插槽里。
事件
update:isCollapsed(isCollapsed: boolean):绑了isCollapsed时,点按钮触发。在SideNav里面时,点击交给侧栏自己的开关处理;传了collapsible时,点击会调collapsible.onCollapsedChange。
插槽
default:替换箭头图标。看得见的文字仍然来自label。