Display options and filtering

This composition shows how to add filtering and display options to content sections and how to fetch the content needed based on user selections.

Components used:

• v-data
• v-searchable-select
• v-display-options
• v-fetch, v-loading and v-render

Preview

Alle 3F afdelinger

Hele Danmark

• Hele Danmark
• Nordjylland
• Sjælland
• Your search returned no results
• List is empty.

Vælg region

Implementation

Components

v-display-options

Component to show and toggle between display options.

API: v-display-options

Name	Type	Description	Default
options	Array	Display options to show. Valid options: list, grid and map.	-
@select	Event	Triggered when a selection has been made. The selected option can be found in the $event object.	-