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

Vind meer berichten getagd met

Status: Openen

Reacties

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.

Doe mee aan het gesprek

Meld je aan om te posten, content te volgen en meer. Nieuw hier? Registreer gratis.