Introduction
In version 2 of our design system, nv-text was a specialized component that rendered a <p> tag. Its primary purpose was to help developers create content snippets with a standardized structure.
Why It’s Discontinued
With our adoption of native HTML practices and utility-first styling in version 3, the nv-text component became unnecessary.
We now encourage developers to use the semantic HTML tag that matches their use case — such as <p>, <blockquote>, or <span> — and apply the appropriate utility class from Nova’s typography utilities.
This direct use of semantic elements improves accessibility, enhances maintainability, and aligns better with modern web standards.
If you need to style text, simply apply the relevant utility class, such as .typo-text-md-regular, .typo-mono-sm-bold, or any other provided in our typography configuration.
How to Migrate
Instead of using nv-text, replace it with:
- A semantic HTML tag based on the context
- A typography utility class for styling.
Example
Before (with nv-text):
<nv-text bold>This is some text</nv-text>
After (with native HTML and utility classes):
<p class="typo-text-md-bold">This is some text</p>
If the context requires a different semantic tag (for example, a citation or a blockquote), adapt accordingly.