---
template: Example
---

# Components

Components in the `components/` directory are auto imported and can be directly used in your templates.
You can configure other directories to support components auto-imports.

::alert{type=info icon=👉}
Read more about [the components directory](/docs/directory-structure/components).
::

::sandbox{repo="nuxt/framework" branch="main" dir="examples/auto-imports/components" file="app.vue"}