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

Finde mehr Beiträge mit dem Tag

Status: Öffnen

Kommentare

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.

Nehmen Sie an der Unterhaltung teil

Melden Sie sich an, um zu posten, Inhalte zu folgen und mehr. Neu hier? Kostenlos registrieren.