Componente

Tabs

Pestañas de navegación con contenido por pestaña y selección de tab activa.

{% comp_tabs ... %}

Código a utilizar

template.html 
{% comp_tabs id="tabs-demo" tabs_data=[{"title": "General", "id": "tab1", "content": "Información general del elemento seleccionado."}, {"title": "Detalles", "id": "tab2", "content": "Datos específicos y configuración avanzada."}, {"title": "Historial", "id": "tab3", "content": "Registro de cambios y actividad reciente."}] active_tab=0 %}

Vista previa en vivo

Información general del elemento seleccionado.

API Props & Playground

Los cambios actualizan la vista previa en tiempo real
Prop Valor
id
None
tabs_data
None
 3 elementos
active_tab
0
classes
''

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