Skip to main content

CaWidgetArea

The area that contains the widget containers and from which the graphql query for widgets is made.

SASS-path: ./styles/components/molecules/ca-widget-area.scss

Props

NameDescriptionTypeRequiredDefault
familyThe widget area familyStringfalse-
areaNameThe widget area nameStringfalse-
aliasThe widget area alias, if content pageStringfalse-
widgetImageSizesSizes attribute for widget images. Set with widget size as key like so: {full: '(min-width:1360px) 1320px, 96vw'} etc. Defaults to $config.widgetImageSizes if not setObjectfalsenull
filtersFilters for the areaArrayfalse[]
previewWhether preview-mode should be toggle onBooleanfalsefalse
isParentLoadedif true - component loads info on its ownBooleanfalsefalse
isParentDataLoadedIs loadedData loadedBooleanfalsefalse
loadedDataData of widget that we receive from parent component. Avaible only if isParentLoaded are trueObjectfalsenull
listPageUrlUrl for list page if using /l/ routingStringfalse-

Events

Event NameDescriptionParameters
dataFetched--
variables-change--
widget-area-mounted--

MixIns

MixIn
MixApolloRefetch