nex-ui
  • Šablony
  • Dokumentace
  • Ceník
  • Otázky
csen
PřihlásitZískat Pro
Přehled
    • Navbar s podtržením
    • Plovoucí navbar
    • Hamburger menu
    • Schovávací navbarPro
    • DockPro

Postav něco, co se hýbe.

Procházet komponenty
nex-ui

Komponenty pro React a Tailwind od jednoho vývojáře.

Produkt

  • Komponenty
  • Nástroje
  • Šablony
  • Ceník
  • Otázky

Zdroje

  • Dokumentace
  • Changelog
  • Licence
  • Kontakt

© 2026 nex-ui. Všechna práva vyhrazena.

Komponenty/Navbary

Schovávací navbarPro

Při scrollu dolů uhne, při scrollu nahoru se vrátí.

nex-ui
  • Produkt
  • Docs
  • Ceník

Scrolluj v tomhle boxu. Lišta se při scrollu dolů schová a při scrollu nahoru vrátí.

Vlastnosti

Vzhled

Platí jen pro tuhle komponentu a zůstane uložené, když se sem vrátíš.

#ff3347
#b3122a
Pozadí náhledu

Instalace

$npx nex-ui add hide-on-scroll-navbar

Použití

import { HideOnScrollNav } from "@/components/nex-ui/hide-on-scroll-navbar";

<HideOnScrollNav
  labels={{ links: ["Produkt", "Docs", "Ceník"], cta: "Registrace", menu: "Otevřít menu", close: "Zavřít menu" }}
/>

Tohle je Pro komponenta

Náhled si můžeš vyzkoušet. Zdrojový kód a instalace přes CLI se odemknou s Pro.

Získat Pro
PředchozíHamburger menuDalšíDock