Demos: o-squishy-list

o-squishy-list has a support status of "deprecated". This means that no new features will be added to this component, but security-related bugs will be fixed. We do not recommend using this component in new projects. If you still rely on this component or have concerns, please contact the Origami team.

Open demo in a new tab

<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

Demo
HTML

Open demo in a new tab

<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>

Status

Switch component view Version

GitHub Repository

Install o-squishy-list

If using the Build Service, add o-squishy-list@^2.4.6 to your script tag.

If running a Manual Build, run npm install "o-squishy-list@^2.4.6".

Help & Support

o-squishy-list is maintained directly by the Origami team. If you have any questions about o-squishy-list or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com