@ulu/frontend/lib/scss/components/_sticky-list.demo.html

A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules op

<!-- @ulu-demo
  title: Sticky Header List
  description: A list where the header stays sticky as the user scrolls through the individual items.
-->
<div class="sticky-list">
  <h3 class="sticky-list__title">Process Steps</h3>
  <ul class="sticky-list__list">
    <li class="sticky-list__item">
      <h4 class="h4">1. Discovery</h4>
      <p>Researching current market trends and user needs to identify core challenges and opportunities.</p>
    </li>
    <li class="sticky-list__item">
      <h4 class="h4">2. Definition</h4>
      <p>Establishing clear project goals, technical requirements, and functional specifications.</p>
    </li>
    <li class="sticky-list__item">
      <h4 class="h4">3. Design</h4>
      <p>Creating comprehensive architectural plans, UI/UX designs, and detailed system workflows.</p>
    </li>
    <li class="sticky-list__item">
      <h4 class="h4">4. Development</h4>
      <p>Iterative implementation of features, rigorous testing, and continuous integration of components.</p>
    </li>
  </ul>
</div>