---
meta:
  nav: Lazy
  title: Lazy component
  description: The lazy component allows you to dynamically render content based upon the user's viewport.
  keywords: lazy loading
related:
  - /components/badges/
  - /components/icons/
  - /components/lists/
features:
  github: /components/VLazy/
  label: 'C: VLazy'
  report: true
---

# Lazy

The `v-lazy` component is used to dynamically load components based upon an elements visibility.

<PageFeatures />

## Usage

The `v-lazy` component by default will not render its contents until it has been intersected. Scroll down and watch the element render as you go past it.

<ExamplesUsage name="v-lazy" />

<PromotedEntry />

## API

| Component | Description |
| - | - |
| [v-lazy](/api/v-lazy/) | Primary Component |

<ApiInline hide-links />
