import React, { useState } from 'react'
const MyComponent = () => {
const [toggle, setToggle] = useState(false)
return(
<>
<button onClick={() => setToggle(!toggle)}>Toggle Dropdown Markup</button>
{toggle && (
<ul>
<li>Show me</li>
<li>Only when</li>
<li>Toggle === true</li>
</ul>
)}
</>
)
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter