Blog / Volver

navigation switcher

component

Navegación entre páginas mediante botones, aplicando efectos visuales y actualizando el estado activo de los botones. 

---
import NavigationSwitcher from '../preact/NavigationSwitcher';

const pages = [
  { name: 'home', href: '/', active: true },
  { name: 'docs', href: '/docs', active: false },
  { name: 'posts', href: '/posts', active: false },
  { name: 'github', href: '/github', active: false },
];
---

  <NavigationSwitcher client:load class='~my-4/8' pages={pages} />