VWindowItem API

Props

name	type	default
`disabled`	boolean	false
Prevents the item from becoming active when using the “next” and “prev” buttons or the `toggle` method.
`eager`	boolean	false
Forces the component’s content to render when it mounts. This is useful if you have content that will not be rendered in the DOM that you want crawled for SEO.
`reverse-transition`	string \| boolean	undefined
Sets the reverse transition.
`selected-class`	string	undefined
Configure the active CSS class applied when an item is selected.
`transition`	string \| boolean	undefined
The transition used when the component progressing through items. Can be one of the built in or custom transition.
`value`	any	undefined
The value used when the component is selected in a group. If not provided, a unique ID will be used.

Events

name	type
`group:selected`	[{ value: boolean }]
Event that is emitted when an item is selected within a group.

Slots

never

`default`
The default Vue slot.

Exposed

{
  id: string
  isSelected: boolean
  isFirst: boolean
  isLast: boolean
  toggle: () => void
  select: (value: boolean) => void
  selectedClass: false | (string | undefined)[]
  value: unknown
  disabled: boolean | undefined
  group: {
    register: (item: GroupItem, cmp: ComponentInternalInstance) => void
    unregister: (id: string) => void
    select: (id: string, value: boolean) => void
    selected: readonly string[]
    isSelected: (id: string) => boolean
    prev: () => void
    next: () => void
    selectedClass: string | undefined
    items: { id: string; value: unknown; disabled: boolean | undefined }[]
    disabled: boolean | undefined
    getItemIndex: (value: unknown) => number
  }
  register: () => void
  unregister: () => void
}

`groupItem`
Returns item and item group data, state and helper methods.

#VWindowItem API

VWindowItem API