65309b1d21
Introduces the ability to customize the order of both default and custom
tabs. This way you can make custom tabs appear before default ones, or
change the order of tabs as you see fit.
To do this, use the new `tab.order` property in your edit view's config:
```ts
import type { CollectionConfig } from 'payload'
export const MyCollectionConfig: CollectionConfig = {
// ...
admin: {
components: {
views: {
edit: {
myCustomView: {
path: '/my-custom-view',
Component: '/path/to/component',
tab: {
href: '/my-custom-view',
order: 100, // This will put this tab in the first position
},
}
}
}
}
}
}
```
---------
Co-authored-by: Jacob Fletcher <jacobsfletch@gmail.com>
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
export const usersCollectionSlug = 'users'
|
|
export const customViews1CollectionSlug = 'custom-views-one'
|
|
export const customViews2CollectionSlug = 'custom-views-two'
|
|
export const reorderTabsSlug = 'reorder-tabs'
|
|
export const geoCollectionSlug = 'geo'
|
|
export const arrayCollectionSlug = 'array'
|
|
export const postsCollectionSlug = 'posts'
|
|
export const group1Collection1Slug = 'group-one-collection-ones'
|
|
export const group1Collection2Slug = 'group-one-collection-twos'
|
|
export const group2Collection1Slug = 'group-two-collection-ones'
|
|
export const group2Collection2Slug = 'group-two-collection-twos'
|
|
|
|
export const useAsTitleGroupFieldSlug = 'use-as-title-group-field'
|
|
export const hiddenCollectionSlug = 'hidden-collection'
|
|
export const notInViewCollectionSlug = 'not-in-view-collection'
|
|
export const noApiViewCollectionSlug = 'collection-no-api-view'
|
|
export const disableDuplicateSlug = 'disable-duplicate'
|
|
export const disableCopyToLocale = 'disable-copy-to-locale'
|
|
export const uploadCollectionSlug = 'uploads'
|
|
export const placeholderCollectionSlug = 'placeholder'
|
|
|
|
export const uploadTwoCollectionSlug = 'uploads-two'
|
|
export const customFieldsSlug = 'custom-fields'
|
|
|
|
export const listDrawerSlug = 'with-list-drawer'
|
|
export const collectionSlugs = [
|
|
usersCollectionSlug,
|
|
customViews1CollectionSlug,
|
|
customViews2CollectionSlug,
|
|
geoCollectionSlug,
|
|
arrayCollectionSlug,
|
|
postsCollectionSlug,
|
|
group1Collection1Slug,
|
|
group1Collection2Slug,
|
|
group2Collection1Slug,
|
|
group2Collection2Slug,
|
|
hiddenCollectionSlug,
|
|
noApiViewCollectionSlug,
|
|
customFieldsSlug,
|
|
disableDuplicateSlug,
|
|
listDrawerSlug,
|
|
]
|
|
|
|
export const customGlobalViews1GlobalSlug = 'custom-global-views-one'
|
|
export const customGlobalViews2GlobalSlug = 'custom-global-views-two'
|
|
export const globalSlug = 'global'
|
|
export const group1GlobalSlug = 'group-globals-one'
|
|
export const group2GlobalSlug = 'group-globals-two'
|
|
export const hiddenGlobalSlug = 'hidden-global'
|
|
|
|
export const notInViewGlobalSlug = 'not-in-view-global'
|
|
export const settingsGlobalSlug = 'settings'
|
|
export const noApiViewGlobalSlug = 'global-no-api-view'
|
|
export const globalSlugs = [
|
|
customGlobalViews1GlobalSlug,
|
|
customGlobalViews2GlobalSlug,
|
|
globalSlug,
|
|
group1GlobalSlug,
|
|
group2GlobalSlug,
|
|
hiddenGlobalSlug,
|
|
noApiViewGlobalSlug,
|
|
]
|
|
export const with300DocumentsSlug = 'with300documents'
|
|
export const editMenuItemsSlug = 'edit-menu-items'
|