@hi-ui/collapse NPM | npm.io

4.1.6 • Published 1 year ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

1 year ago

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实现

@hi-ui/classname @hi-ui/env @hi-ui/icons @hi-ui/type-assertion @hi-ui/use-uncontrolled-state

@infinitebrahmanuniverse/nolb-_hi-@everything-registry/sub-chunk-394 @hi-ui/hiui

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago