r-scrollable
0.0.6 • Public • Published
元素溢出显示左右按钮组件
Demo
Demo
Install
使用
<ScrollableContainer
className="container"
distance={130}
prevButton={
<div className="op-btn">
<svg className="svg" viewBox="0 0 18 18" role="img" aria-label="previous" focusable="false"><path d="m13.7 16.29a1 1 0 1 1 -1.42 1.41l-8-8a1 1 0 0 1 0-1.41l8-8a1 1 0 1 1 1.42 1.41l-7.29 7.29z" fillRule="evenodd"></path></svg>
</div>
}
nextButton={
<div className="op-btn">
<svg className="svg" viewBox="0 0 18 18" role="img" aria-label="next" focusable="false"><path d="m4.29 1.71a1 1 0 1 1 1.42-1.41l8 8a1 1 0 0 1 0 1.41l-8 8a1 1 0 1 1 -1.42-1.41l7.29-7.29z" fillRule="evenodd"></path></svg>
</div>
}
>
{
items.map(item => <div key={item} className="item">{item}</div>)
}
</ScrollableContainer>
Readme
Keywords
nonePackage Sidebar
Install
Weekly Downloads