COMPONENT / Text animation / V0.9.0

Ribbon / 循环排版

连续滚动、悬停暂停、手动播放控制与减少动态回退。

原创组件分类：背景与动效框架：React 18状态：functional-beta

可调字段

键	名称	类型	范围
`accent`	强调色	color	—
`radius`	圆角 / px	number	0 – 40
`duration`	循环时长 / ms	number	100 – 30000
`title`	标题	text	—
`subtitle`	说明 / 展开内容	textarea	—
`items`	内容列表（每行一项）	list	—

默认参数

{
  "accent": "#d7ed9b",
  "radius": 18,
  "duration": 16000,
  "title": "Ideas keep moving.",
  "subtitle": "悬停暂停，或者把节奏握在自己手里。",
  "items": [
    "Think freely",
    "Make with care",
    "Stay curious"
  ]
}

运行依赖

react@18.3.1react-dom@18.3.1

许可

FORMA原创组件，可用于个人及商业项目；运行库遵循MIT许可。

查看实时预览 ↗返回组件中心