#Vuetify Labs

#What is Labs?

Labs is a new way for developers to use unfinished components in an alpha state.

#Usage

Using a Labs component is as simple as importing from vuetify/labs. The following example shows how to import and bootstrap v-data-table in your component:

<template>
  <v-data-table />
</template>

<script setup>
  import { VDataTable } from 'vuetify/labs/VDataTable'
</script>

Alternatively you can make the component available globally by importing it in your Vuetify plugin file:

import { createVuetify } from 'vuetify'
import { VDataTable } from 'vuetify/labs/VDataTable'

export default createVuetify({
  components: {
    VDataTable,
  },
})

When Vuetify instantiates it will register VDataTable as a usable component within templates.

If you wish to install all available Vuetify components use the following code snippet:

import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as labsComponents from 'vuetify/labs/components'

export default createVuetify({
  components: {
    ...components,
    ...labsComponents,
  },
})

#Available Components

The following is a list of available and up-and-coming components for use with Labs: