JSFiddle - React, Tailwind, and code Playground

HTML

<a id="OpenDialog" href="#dialog">Click here to open dialog</a>
    <span id="close"></span>
    <div id="dialog" title="Dialog Title">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia suscipit repellat libero porro consequuntur optio cum ea officia perferendis a.</p>
        <a href="#close">close</a>
    </div>

CSS

#dialog{
    display: none;
}
#dialog:target{
    display: block;
}
#close{
    position: fixed;
    opacity: 0;
}
#close:target + #dialog{
    display: none;
}