Looking for assistance with implementing a dropdown list in HTML/CSS, specifically in React? Check out this tutorial: Link
However, after trying to incorporate and modify the code in your React project, nothing seems to work. It appears to be an issue related to bootstrap that you're unable to pinpoint. Here's what's happening:
https://i.sstatic.net/ylVvT.png
Below is the code snippet:
import React, { Component } from "react";
import "./VerticalDots.css";
export default class VerticalDots extends Component {
render() {
return (
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src={require("../imgs/3dots-vertical.png")} alt="NotFound"/>
</button>
<ul class="dropdown-menu">
<li>0123 4567 8912 3456</li>
<li>0123 4567 8912 3456</li>
<li>0123 4567 8912 3456</li>
</ul>
</div>
);
}
}
Your guidance would be greatly appreciated!