Skip to content

fix(VSelect): support kebab case item props in item prepend slot#20989

Open
yuwu9145 wants to merge 1 commit intomasterfrom
fix-20320
Open

fix(VSelect): support kebab case item props in item prepend slot#20989
yuwu9145 wants to merge 1 commit intomasterfrom
fix-20320

Conversation

@yuwu9145
Copy link
Copy Markdown
Member

fixes #20320

Description

Markup:

<template>
  <v-app>
    <v-container>
      <v-select :items="items" />
      <v-autocomplete :items="items" />
      <v-combobox :items="items" />
    </v-container>
  </v-app>
</template>

<script setup>
  const items = [
    {
      title: 'Conjunctive filtering (AND)',
      value: 0,
      props: { prependIcon: 'mdi-set-center' },
    },
    {
      title: 'Disjunctive filtering (OR)',
      value: 1,
      props: { 'prepend-icon': 'mdi-set-all' },
    },
    {
      title: 'Conjunctive filtering 2 (AND)',
      value: 2,
      props: { appendIcon: 'mdi-set-center' },
    },
    {
      title: 'Disjunctive filtering 2 (OR)',
      value: 3,
      props: { 'append-icon': 'mdi-set-all' },
    },
  ]
</script>

@yuwu9145 yuwu9145 requested a review from a team February 16, 2025 06:11
@KaelWD
Copy link
Copy Markdown
Member

KaelWD commented Feb 17, 2025

I don't think this is really necessary: #20320 (comment)

@johnleider
Copy link
Copy Markdown
Member

I don't think this is really necessary: #20320 (comment)

But it seems to already be mostly supported?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

C: VSelect T: bug Functionality that does not work as intended/expected

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug Report][3.6.14] [VSelect] Prepend icon isn't working when using kebab case

4 participants