Overview

The Templates section provides flexible layout patterns meant to accelerate design and development. Unlike components, templates focus on structure, not behavior.

For Developers

  • Templates are markup-only: they don’t include JavaScript logic.
  • Ideal for quickly scaffolding a layout using design system conventions.

Key Concepts

  • Uses prefilled classes like nv-sidebar, nv-link, etc.
  • Based on intentional design tokens:
    • Automatically adapts to themes and modes (light/dark)
    • Stays consistent with the Nova components’ look and feel.

JavaScript

  • No JS logic is included in templates.
  • You must implement:
    • Navigation item selection
    • Menu toggles
    • Interactive behaviors (e.g., dropdowns, modals)