@hi-ui/collapse
TypeScript icon, indicating that this package has built-in type declarations

4.1.6 • Public • Published

Collapse 折叠面板

将信息以折叠的形式收入面板,以节省空间,减少信息干扰,应用时打开

何时使用

信息复杂,有主次之分时,将次要信息折叠进面板

一级信息需优先识别,二级信息多为辅助信息或描述信息

使用示例

Props

Collapse

参数 说明 类型 可选值 默认值
accordion 是否启用手风琴模式,手风琴模式下最多只展开一项 boolean true | false false
defaultActiveId 默认展开的面板 string | string[] - -
activeId 指定展开的面板 string | string[] - -
arrowPlacement 箭头所在位置 string 'left' | 'right' 'left'
showArrow 是否显示展开箭头 boolean true | false true

Collapse.Panel

参数 说明 类型 可选值 默认值
id 面板唯一标识 string - -
title 面板标题 string | ReactNode - -
disabled 是否禁用面板 boolean true | false false
extra 添加额外的元素 ReactNode - -

Events

名称 说明 类型 参数 返回值
onChange 切换时的回调 (indexs: string[]) => void indexs: 当前展开的节点 ID 集合,如果 ID 不存在则为索引集合 -

Tips

  • V3文档存在错误,title -> header(真实),该采用文档还是代码

CHANGELOG

参数 变更类型 变更内容 解决的问题
extra deprecated extra的功能完全可以通过title实现

Readme

Keywords

none

Package Sidebar

Install

npm i @hi-ui/collapse

Weekly Downloads

64

Version

4.1.6

License

MIT

Unpacked Size

40.9 kB

Total Files

17

Last publish

Collaborators

  • sivan
  • solarjoker