const TikTok = () => { useEffect(() => { const anchor = document.createElement("a"); anchor.setAttribute("class", "twitter-timeline"); anchor.setAttribute("data-theme", "dark"); anchor.setAttribute("data-tweet-limit", "5"); anchor.setAttribute("data-chrome", "noheader nofooter noborders"); anchor.setAttribute("href", "https://www.tiktok.com/@leecosheriffal"); document.getElementsByClassName("twitter-embed")[0].appendChild(anchor); const script = document.createElement("script"); script.setAttribute("src", "https://www.tiktok.com/embed.js"); document.getElementsByClassName("twitter-embed")[0].appendChild(script); }, []); return ( <section className="twitterContainer"> <div className="twitter-embed"></div> </section> ); }; export default TikTok;
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