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