react-overflow-list
A hooks based implementation of the OverflowList component from Blueprint JS.
Installation
yarn add react-overflow-list
Basic Usage
import { OverflowList } from 'react-overflow-list';
const ItemRenderer = (item, index) => {
return <span key={index}>{item}</span>;
};
const OverflowRenderer = (items) => {
return <span>+ {items.length} more</span>;
};
export function App() {
const [items] = React.useState(['Apple', 'Banana', 'Orange']);
return (
<OverflowList
collapseFrom="end"
minVisibleItems={0}
items={items}
itemRenderer={ItemRenderer}
overflowRenderer={OverflowRenderer}
/>
);
}
26 Oct 31, 2022
11k Jan 7, 2023
33 Jul 14, 2022
7.2k Jan 9, 2023
4 Jan 25, 2022
6 Nov 13, 2022
9 Jun 30, 2022
1 Dec 22, 2021
398 Dec 27, 2022
25 Nov 10, 2022