react-overflow-list

A hooks based implementation of the OverflowList component from Blueprint JS.

!ezgif-3-b0d519eb63c8

Installation

``
yarn add react-overflow-list
`

$3

`jsx
import { OverflowList } from 'react-overflow-list';

const ItemRenderer = (item, index) => {
return {item};
};

const OverflowRenderer = (items) => {
return + {items.length} more;
};

export function App() {
const [items] = React.useState(['Apple', 'Banana', 'Orange']);

return (
collapseFrom="end"
minVisibleItems={0}
items={items}
itemRenderer={ItemRenderer}
overflowRenderer={OverflowRenderer}
/>
);
}
``