directus/app/src/components

Components

Components are custom elements that can reused in various other places.

Storybook / Tests

Every component should have an entry in Storybook, and should have unit tests where appropriate.

Naming

Components must always have a - in the name. This makes sure we don't run into any conflicts with HTML element names.

Base Components

The core-most base-components are prefixed with v- (for example v-icon and v-button). These components can not rely on any global store.

Private Components

Every now and again, it makes sense to split up a bigger component in smaller sub-parts for code maintainability and organization reasons. These "internal private components" are prefixed with a _ and should never be used standalone.