COMPONENT / 布局动画 / V0.9.0
Reflow / 布局动画网格
点击卡片时它跨行跨列扩张，邻居们以 FLIP 动画平滑让位。
可调字段
| 键 | 名称 | 类型 | 范围 |
|---|---|---|---|
accent | 强调色 | color | — |
radius | 圆角 / px | number | 0 – 40 |
duration | 过渡时长 / ms | number | 100 – 30000 |
title | 标题 | text | — |
subtitle | 说明 / 展开内容 | textarea | — |
items | 内容列表（每行一项） | list | — |
默认参数
{
"accent": "#a8e0f0",
"radius": 18,
"duration": 360,
"title": "Click one, the rest adjust.",
"subtitle": "点击任意卡片展开，其余的平滑让位；再点一次收起。",
"items": [
"模块一",
"模块二",
"模块三",
"模块四",
"模块五"
]
}运行依赖
react@18.3.1react-dom@18.3.1
许可
FORMA原创组件，可用于个人及商业项目；运行库遵循MIT许可。
查看实时预览 ↗返回组件中心