BlogPlaygroundOne

VExpansionPanelTitle API


Props
name
type
default
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent
'$collapse'

Icon used when the expansion panel is in a collapsable state.

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.

  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent
'$expand'

Icon used when the expansion panel is in a expandable state.

boolean
false

Makes the expansion panel headers focusable.

string | number
undefined

Sets the height for the component.

boolean
false

Hide the expand icon in the content title.

string | number
undefined

Sets the maximum height for the component.

string | number
undefined

Sets the maximum width for the component.

string | number
undefined

Sets the minimum height for the component.

string | number
undefined

Sets the minimum width for the component.

boolean
false

Makes the expansion panel content read only.

boolean | { class: string; keys: string[] }
false

Applies the v-ripple directive.

boolean
false

Remove title size expansion when selected.

string | number
undefined

Sets the width for the component.

Slots
{ collapseIcon: | string | (string | [string, number])[] | (new () => any) | FunctionalComponent disabled: boolean expanded: boolean expandIcon: | string | (string | [string, number])[] | (new () => any) | FunctionalComponent readonly: boolean }
{ collapseIcon: | string | (string | [string, number])[] | (new () => any) | FunctionalComponent disabled: boolean expanded: boolean expandIcon: | string | (string | [string, number])[] | (new () => any) | FunctionalComponent readonly: boolean }

Slot for the actions.

The default Vue slot.