NV Elements Catalog Starters Repo System Themes About Getting Started Changelog Metrics Support Accessibility Contributions Requests Migration Deprecations Integrations Installation MCP CLI Lint Angular Bundles Extensions Go Hugo Import Maps Lit NextJS Nuxt Preact React SolidJS Svelte TypeScript Vue Foundations Typography Iconography Themes Design Tokens Size & Space Objects Interactions Support Status Color Animation Fonts Layers Custom Layout Horizontal Vertical Grid Popovers i18n Visualization View Transitions Elements Accordion Alert Avatar Badge Breadcrumb Button Button Group Card Chat Message Checkbox Color Combobox Copy Button Datagrid Integrations Column Action Column Alignment Column Fixed Column width Container Card Display Settings Footer Heatmap Keynav Multi Select Pagination Panel Detail Panel Grid Performance Placeholder Row Action Row Groups Row Sort Scroll Height Single Select Stripe Date Datetime Dialog Divider Dot Drawer Dropdown Dropdown Group Dropzone File Forms Validation Actions Control Icon Icon Button Input Input Group Logo Menu Month Notification Page Page Header Page Loader Pagination Panel Progressive Filter Chip Progress Bar Progress Ring Password Preferences Input Pulse Radio Range Resize Handle Search Select Skeleton Sort Button Sparkline Star Rating Steps Switch Tabs Tag Textarea Time Toast Toggletip Toolbar Tooltip Tree Week Patterns Authentication Browse Dashboard Editor Empty States Heatmap Keyboard Shortcut Logging Media Onboarding Panel Responsive Search Subheader Trend Code Codeblock Monaco Input Diff Input Editor Diff Editor Problems Markdown Markdown CSS Utility Labs Responsive Layout Viewport Container Patterns Forms API Design Properties & Attributes Slots Registration CustomEvents Stateless Composition Styles Packaging Glossary Logs Internal Guidelines Agent Harness Documentation Examples TypeScript Testing Unit Testing Accessibility Testing Lighthouse Testing SSR Testing Visual Testing Troubleshooting Component Creation Internal Examples All Examples

Deprecations

The following are the active deprecations. The next major release removes these deprecations. Read more about the versioning and deprecation cycle policy.

MLV/NVE Scope 1.0 deprecation

These steps are not required to initially migrate and use 1.0. If migrating from 0.x to 1.x please see the migration guide.

With the release of 1.0 the scope and namespace for Element APIs now use the nve prefix. All prior mlv prefixes no longer apply. The CSS bundle now divides into smaller independent bundles. This allows you to choose only the utilities and themes your application needs, improving application performance.

After:

Update any CSS Custom property usage

Before:

After:

Update style utility attributes

Before:

Update HTML elements

Before:

After:

Alert Banner 1.0 deprecation

The alert banner component no longer exists. Use nve-alert-group with the prominence="emphasis" option.

Before:

After:

Popover Behavior Triggers 1.0 deprecation

Before native HTML popovers, popovers required behaviorTrigger or behavior-trigger for stateful popovers. The native HTML popover API replaces this approach.

Before:

After:

JSON Viewer 1.0 deprecation

The JSON viewer element is an internal API. You can access this API via the public exports but should avoid using it. Use nve-codeblock or nve-monaco-input for JSON content rendering.

Layout Full 1.0 deprecation

The grow property now uses full instead to avoid confusion with flexbox grow behavior.

Before:

After:

Typography "eyebrow" 1.0 deprecation

The typography eyebrow utility no longer exists, to align with the standardized semantic names and size options available.

Before:

After:

Icon Names 1.0 deprecation

The following icons now use new names:

before after
chevron-right chevron
chevron-down chevron
chevron-left chevron
additional-actions more-actions
analytics pie-chart
annotation transparent-box
app-switcher switch-apps
assist chat-bubble
checkmark check
date calendar
docs book
expand-full-screen maximize
expand-panel arrow-stop
collapse-panel arrow-stop
failed x-circle
favorite-filled star
favorite-outline star-stroke
information information-circle-stroke
maintenance wrench
navigate-to arrow
open-external-link arrow-angle
location map-pin
pinned-1 pin
project folder
settings gear
user person
video-pause pause
video-play play
video-stop stop
visible eye
warning exclamation-triangle

Icon Button Name Directions 1.0 deprecation

With the deprecation of directional icons the icon button now requires a explicit direction.

Before:

After:

Testing 1.0 deprecation

The exported test utilities from @elements/elements/test are now supported in a dedicated testing package @nvidia-elements/testing.

Before:

After:

Scoped Tags 1.0 deprecation

The defineScopedElement helper no longer exists. Instead, consuming applications define their own tag name. This allows the consuming application to have more control of the @lit-labs/scoped-registry-mixin package version.

Before:

After: