How to make a dropdown in a horizontal bar

Question

Image This is my current result bar

But I need the content to be collapsed when clicked, the content is similar to the picture below

Give a link to some library or some solution in advance thankful

Source

  <HorizontalBar
              data={{
                barPercentage: 0.8,

                labels: [
                  'Label1', //THIS ARR FOR ONLY FOR EXAMPLE 
                  'Label2',
                  'Label3',
                  'Label4',
                  'Label5',
                  'Label6',
                  'Label7',
                  'Label8'
                ],
                datasets: [{
                  legend: {
                    display: false
                  },
                  label: '',
                  data: [7305064, 7305064, 5294903, 1313290, 600300, 96571, 617650, -200000],
                  fill: false,
                  borderColor: "#18B9AB",
                  backgroundColor: '#7facf5',
                  hoverBackgroundColor: '#609af7',
                  barThickness: 20
                }]
              }}
              options={{
                tooltips: {
                  enabled: false
                },
                scales: {
                  yAxes: [{
                    ticks: {
                      beginAtZero: true
                    }
                  }]
                },
                plugins: {
                  datalabels: {
                    color: '#EFEFEF',
                  }
                }
              }}/>