PlentyONE Shop Docs

Appearance

web / useGridSplits

Function: useGridSplits() ​

useGridSplits(options): object

Defined in: apps/web/composables/useGridSplits/useGridSplits.ts:1

Parameters ​

options ​

columnWidths ​

Ref<number[]>

emit ​

(event, value) => void

Returns ​

object

arrowStyle ​

arrowStyle: ComputedRef<{ left: string; }>

getStepBorderClass() ​

getStepBorderClass: (step) => undefined | "border-r-[1.5px] border-r-primary-500" | "border-l-[1.5px] border-l-primary-500"

Parameters ​

step ​

number

Returns ​

undefined | "border-r-[1.5px] border-r-primary-500" | "border-l-[1.5px] border-l-primary-500"

handlePointerDown() ​

handlePointerDown: (e) => void

Parameters ​

e ​

MouseEvent

Returns ​

void

onInput() ​

onInput: (e) => void

Parameters ​

e ​

Event

Returns ​

void

splitIndex ​

splitIndex: WritableComputedRef<number, number>

splits ​

splits: number[]

squaresContainer ​

squaresContainer: Ref<null | HTMLElement, null | HTMLElement>

steps ​

steps: number[]

updateSplitFromEvent() ​

updateSplitFromEvent: (e) => void

Parameters ​

e ​

MouseEvent

Returns ​

void