JSFiddle - React, Tailwind, and code Playground

by lau_chung

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
<div data-testid="TabMenu" class="ui scrollableWithoutScrollbar menu"><a class="active item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a><a class="item">Item</a></div>

CSS

.scrollableWithoutScrollbar {
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-scrollbar-width: none;
    -moz-scrollbar-width: none;
    -ms-scrollbar-width: none;
    scrollbar-width: none;
}