Note

This documentation describes the CustomViewPicker Vue component for native UI views for Xml templates see custom-view-picker.

CustomViewPicker

Displays the current custom view name and provides a dropdown picker to switch between available custom views, plus an optional save button.

Import

import { CustomViewPicker } from '@neos/app'

Props

Prop	Type	Default	Description
headingLevel	number	1	The HTML heading level for the current view name label

Notes

• Reads available custom views from the injected ViewModel.
• Only visible when the ViewModel has custom views configured.
• The "Save" button saves the current layout as a new custom view.

Usage Examples

In a toolbar area

<HorizontalLayout space="small" vertical-align="center">
  <Toolbar :custom-views="false" />
  <CustomViewPicker />
</HorizontalLayout>

Standalone (default)

<CustomViewPicker />