JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<div class="tabbed">
        <label for="tabbed1">Standardfarben1</label>
        <label for="tabbed2">Standardfarben2</label>
        <label for="tabbed3">Standardfarben3</label>
        <label for="tabbed4">Standardfarben4</label>
    </div>

CSS

.tabbed label {
                border: 1px solid #ddd;
                border-bottom: none;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                padding: 0.25em 0.75em;
                box-shadow: 0 0 0.5em rgba(0,0,0,0.0625);
                background: #fff;
                cursor: pointer;
             }