<Taxonomy aria-label="Categories">
    <Taxonomy.Item>
        <a href="#category-1">Category 1</a>
    </Taxonomy.Item>
    <Taxonomy.Item>
        <a href="#category-2">Category 2</a>
    </Taxonomy.Item>
    <Taxonomy.Item>
        <a href="#category-3">Category 3</a>
    </Taxonomy.Item>
</Taxonomy>

<div class="bg-slate-300 -m-2 p-2">
    <Taxonomy aria-label="Categories" inversed={true}>
        <Taxonomy.Item>
            <a href="#category-1">Category 1</a>
        </Taxonomy.Item>
        <Taxonomy.Item>
            <a href="#category-2">Category 2</a>
        </Taxonomy.Item>
        <Taxonomy.Item>
            <a href="#category-3">Category 3</a>
        </Taxonomy.Item>
    </Taxonomy>
</div>