more

Expand and collapse lists.

Installation

$ component install component/more

Example

varmore=require('more');varlist=document.querySelector('ul');more(list).max(5).more('Show more').less('Show less').render();

API

More#max(n)

Change max number of list items shown when collapsed, defaults to 5.

More#more(label)

Change label from default of "More".

More#less(label)

Change label from default of "Less".

More#render()

Render the list, adds the appropriate more / less link depending on the state.

More#expand()

Expand the list and re-render.

More#collapse()

Collapse the list and re-render.

More#state

String representing the state. Either "expanded", or "collapsed".

License

MIT