Introduction
In version 2 of our design system, NVLayout (and its sub-components like NVLayoutHeader, NVLayoutSidebar, and NVLayoutContent) provided a pre-structured layout for applications. The component handled common patterns—such as a header, sidebar, and main content area—so developers could quickly scaffold a consistent UI.
Why It’s Discontinued
With our transition to Tailwind CSS in version 3, NVLayout and its sub-components are no longer necessary. Tailwind’s utility classes make it straightforward to build any layout you need—without relying on specialized components that simply wrap content with CSS classes.
Instead of using NVLayout, you can:
- Write your own markup to define headers, sidebars, and content areas as needed.
- Apply Tailwind utilities (e.g., flex, grid, spacing, etc.) directly in your HTML to achieve the layout you want.
- Explore our example apps and templates, which demonstrate how to create a variety of common layouts using Tailwind utilities.