Skip to content

[Bug Report][3.8.1] V-Card missing "active" properties for being used as a link #21235

@kohenkatz

Description

@kohenkatz

Environment

Vuetify Version: 3.8.1
Vue Version: 3.5.13
Browsers: Chrome 134.0.0.0
OS: Windows 10

Steps to reproduce

  1. Create a set of clickable v-card components that link to routes in the vue-router.
  2. Click on the cards.

Expected Behavior

The cards should have some way to see which one corresponds to the active route, consistent with v-breadcrumbs, v-btn, v-chip, and v-list-item.

Actual Behavior

There is no way to see that the v-card points to the active route.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

The documentation says:

The following components have built in support for routing:

  • v-breadcrumbs
  • v-btn
  • v-card
  • v-chip
  • v-list

These components can act like a router-link and have access to props such as to and exact

It does not say anywhere that v-card is different than the other four components.

The fact that v-card does have the exact property implies that the missing active (and active-class, etc.) is an oversight, not a conscious decision.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions