Vue Box Types

BoxDirection

Specifies the direction of item positioning in the UI component.

Accepted Values: 'col' | 'row'

Used in:

ContentReadyEvent

The type of the contentReady event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.ContentReadyEvent

CrosswiseDistribution

Specifies how UI component items are aligned cross-wise.

Accepted Values: 'center' | 'end' | 'start' | 'stretch'

Used in:

DisposingEvent

The type of the disposing event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.DisposingEvent

Distribution

Specifies how UI component items are aligned along the main direction.

Accepted Values: 'center' | 'end' | 'space-around' | 'space-between' | 'start'

Used in:

InitializedEvent

The type of the initialized event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.InitializedEvent

ItemClickEvent

The type of the itemClick event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.ItemClickEvent

ItemContextMenuEvent

The type of the itemContextMenu event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.ItemContextMenuEvent

ItemHoldEvent

The type of the itemHold event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.ItemHoldEvent

Used in:

ItemRenderedEvent

The type of the itemRendered event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.ItemRenderedEvent

OptionChangedEvent

The type of the optionChanged event handler's argument.

import { DxBoxTypes } from "devextreme-vue/box"
Type: DxBoxTypes.OptionChangedEvent