Componente

Navbar

Barra de navegación horizontal con título, enlaces y avatar de usuario.

{% comp_navbar ... %}

Código a utilizar

template.html
{% comp_navbar title="Mi App" links=[{"name": "Inicio", "url": "#", "active": true}, {"name": "Productos", "url": "#", "active": false}, {"name": "Contacto", "url": "#", "active": false}] show_user=True %}

Vista previa en vivo

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
title
'App'
links
None
3 elementos
show_user
True
classes
''

Carga la librería con {% load components_ui %} antes de usar el componente.