An accordion with a number indicates how many elements have been highlighted in each accordion. This is useful for tracking user interactions in FAQs, help centers, or educational content.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<div class="accordion">
<div class="accordion__tab">
<button class="accordion__tab--label" tabindex="0">Lorem Ipsum is simply dummy text <span class="accordion__btn-pill">4</span></button>
<div class="accordion__tab--content bg-gray">
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsum, reiciendis, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div>