nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Horizontal Scroll Menu

ForrestLin

I'll be nice if we have a Horizontal Scroll Menu in Calcite Components like:

https://codepen.io/hasmukh6399/pen/GbGLpW

Thanks.

Forrest

Find more posts tagged with

Status: Open

Comments

ForrestLin

@KittyHurley

calcite-button can be embedded in calcite-tab-title:

<calcite-tab-title>

<calcite-button />

</calcite-tab-title>

How to change the gap between buttons?

ForrestLin

@KittyHurley

1. Is it possible to put calcite-button inside calcite-tab-title?

<calcite-tab-title>

<calcite-button />

</calcite-tab-title>

2. Is it to make Tabs draggable when opening in Phone with Portrait?

Horizontal Scroll Menu with draggable Slider

https://codepen.io/hasmukh6399/full/GbGLpW

Thank you!

KittyHurley

For the above it could be implemented with Tabs using native CSS to define the width.