narrowBehaviour
NarrowBehaviour
(optional)
Specify that nav buttons («/») and/or the ellipsis (…) can be dropped for very narrow widths (useful if the component is used in narrow widths with high page numbers)
Valid behaviours should be imported from react-responsive-pagination/narrowBehaviour
, example:
import ResponsivePagination from 'react-responsive-pagination';import { dropEllipsis } from 'react-responsive-pagination/narrowBehaviour';...<ResponsivePagination ... narrowBehaviour={dropEllipsis} />
Valid NarrowBehaviours:
dropEllipsis
- drop the ellipsis (…) for narrow widths
dropNav
- drop the nav («/») for narrow widths
dropNavThenEllipsis
- drop the nav initially and then further drop the ellipsis if required
dropEllipsisThenNav
- drop the ellipsis initially and then further drop the nav if required
The default behaviour is to not drop any elements (this may change in a future major release)