Scrollbars for Accordion items - how?

evtguy

The content inside my accordion items are too long so they get cut off. How do I add scrollbars? In general, the CSS controlling that would be "overflow-y" but I haven't been able to figure out the correct CSS item to target inside Calcite to get this to work.

 

Thanks!

Steve

KittyHurley

@SteveCole Within the Accordion Item you can add a parent element to house content and with CSS set a specified height and overflow-y value, similar to this example:

<style>
  .accordion-content {
    height: 15rem;
    overflow-y: scroll;
  }
</style>

<calcite-accordion>
  <calcite-accordion-item heading="My heading" description="My description">
    <div class="accordion-content">
       ...
    </div>
  </calcite-accordion-item>
</calcite-accordion>