Skip to content

Navigation

Definition

A navigation component is used to create menus or navigation bars that allow users to move between different sections or pages of an application. It helps organize the site's structure and provides an intuitive way for users to access various features and information.

Navigation components can include links, icons, and dropdowns, and can be styled to match the overall design of the application.

  • Enables users to navigate between sections or pages.
  • Organizes the site's structure for intuitive access.
  • Can include links, icons, and dropdowns.
  • Customizable to match the application's design.

Example

{% load static %}

<div class="bg-app-side-bar d-block">
    <div class="text-center mt-2">
        <a
            class="text-decoration-none mx-auto"
            href="/"
        >
            <div class="text-center d-flex justify-content-center">
                <img src="{% static 'django_spire/img/logo/icon/django_skeleton_icon_body_small.png' %}" height="100" alt="">
            </div>
        </a>
    </div>
    <ul class="nav nav-pills flex-column mt-2 mx-1 p-2">
        {% include 'django_spire/navigation/navigation_links.html' %}
    </ul>
</div>