Directus Vue Components

Directus comes shipped with it's own Vue component library you can use to enrich your extensions, while making them fit within the context of the Directus app.

These components can be used in any of the "front-end extensions", including Interfaces, Displays, and Modules.

::: warning Breaking Changes

While we aim to make the components as backwards compatible as possible, we do not consider internal-API changes in the components as a breaking change of Directus. Please keep an eye the release notes, and make sure your extension still works before updating Directus.

:::

Home
Debugging
Filters
Field Transforms
API
- 🚧 WIP Unit Testing the API
- End to End Tests
App
App Components
- transition-bounce
- transition-dialog
- transition-expand
- v-avatar
- v-badge
- v-breadcrumb
- v-button
- v-card-actions
- v-card-subtitle
- v-card-text
- v-card-title
- v-card
- v-checkbox
- v-chip
- v-detail
- v-dialog
- v-divider
- v-drawer
- v-error
- v-fancy-select
- v-field-select
- v-field-template
- v-form
- v-hover
- v-icon
- v-info
- v-input
- v-item-group
- v-item
- v-list-group
- v-list-item-content
- v-list-item-hint
- v-list-item-icon
- v-list-item
- v-list
- v-menu
- v-notice
- v-overlay
- v-pagination
- v-progress-circular
- v-progress-linear
- v-radio
- v-select
- v-sheet
- v-skeleton-loader
- v-slider
- v-switch
- v-tab-item
- v-tab
- v-table
- v-tabs-items
- v-tabs
- v-text-overflow
- v-textarea
- v-upload

These are reference documents on how Directus works on the inside. Unless you're contributing to the platform, you shouldn't need this.

Please see https://docs.directus.io for the usage guide.