BlogPlaygroundOne

VListGroup API

ads via vuetify

Props
name
type
default
active-color
string

undefined

Deprecated, use color instead.

append-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

undefined

Creates a v-icon component after default content in the append slot.

base-color
string

undefined

Sets the color of component when not focused.

collapse-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

'$collapse'

Icon to display when the list item is expanded.

color
string

undefined

Applies specified color to the control - supports utility colors with or without text- prefix (for example success, purple or text-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

disabled
boolean

false

Puts all children inputs into a disabled state.

expand-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

'$expand'

Icon to display when the list item is collapsed.

fluid
boolean

false

Removes the left padding assigned for action icons from group items.

prepend-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

undefined

Prepends an icon to the component, uses the same syntax as v-icon.

raw-id
string | number

undefined

Defines the root element’s id attribute in the component. If it is provided, the id attribute will be dynamically generated in the format: “v-list-group–id-[rawId]”.

subgroup
boolean

false

Designate the component as nested list group.

tag
string | (new () => any) | FunctionalComponent

'div'

Specify a custom tag used on the root element.

title
string

undefined

Specify a title text for the component.

value
any

undefined

Expands / Collapse the list-group.

Slots
{ isOpen: boolean; props: Record<string, unknown> }
never
activator

When used, will activate the component when clicked (or hover for specific components). This manually stops the event propagation. Without this slot, if you open the component through its model, you will need to manually stop the event propagation.

default

The default Vue slot.

Exposed
boolean
isOpen

Returns the current state of the list-group.