React commonly used components

Component list

react-split-pane

Split-Pane React component, can be nested or split vertically or horizontally!

react-split-pane: react-split-pane

eg:

<SplitPane split="vertical" minSize={50} defaultSize={100}>
<div />
<div />
</SplitPane>
<SplitPane split="vertical" minSize={50}>
<div />
<SplitPane split="horizontal">
<div />
<div />
</SplitPane>
</SplitPane>

React ahooks

React Hooks Library.

More info: ahooks

react-lines-ellipsis

Poor man’s multiline ellipsis component for React.JS https://xiaody.github.io/react-lines-ellipsis/

eg:

import LinesEllipsis from 'react-lines-ellipsis'

<LinesEllipsis
text='long long text'
maxLine='3'
ellipsis='...'
trimRight
basedOn='letters'
/>

More info: react-lines-ellipsis

上一篇

CEF3 Windows 编译 4664.110 增加H.264支持