o-squishy-list

A horizontal list of elements that 'squishes' down, lowest priority first.

active

Without-more

<ul data-o-component="o-squishy-list" class="drop-off"><!--
--><li data-priority="2">Priority 2</li><!--
--><li data-priority="1">Priority 1</li><!--
--><li data-priority="3">Priority 3</li><!--
--><li>No priority</li><!--
--><li data-priority="2">Priority 2</li><!--
--><li data-priority="1">Priority 1</li><!--
--><li data-priority="-1">Don&apos;t hide</li><!--
--><li>No priority</li><!--
--><li data-priority="2">Priority 2</li><!--
--></ul>

With-more

<ul data-o-component="o-squishy-list" class="drop-off"><!--
--><li data-priority="2">Priority 2</li><!--
--><li data-priority="1">Priority 1</li><!--
--><li data-priority="3">Priority 3</li><!--
--><li>No priority</li><!--
--><li data-priority="2">Priority 2</li><!--
--><li data-priority="1">Priority 1</li><!--
--><li data-priority="-1">Don&apos;t hide</li><!--
--><li>No priority</li><!--
--><li data-priority="2">Priority 2</li><!--
--><li data-more="" aria-hidden="true">More</li><!--
--></ul>
GitHub Repository

Quickstart

Build Service

Add the following to your <script> tag

o-squishy-list@^2.3.2

How do I do that?

For more information see the Origami build service.

Manual Build Process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-squishy-list"@"^2.3.2"

For more information see the Origami build process.