vuetifyjs/vuetify

[Feature Request] Skeleton loader for chip group

Open

#20695 opened on Nov 13, 2024

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import
C: VSkeletonLoaderT: enhancementgood first issue

Description

Problem to solve

It is complicated to make a good looking skeleton loader for a chip group

Proposed solution

On a VSkeletonLoader, adding a new "type" prop value "chip-group" to mimic a small v-chip-group

Contributor guide

Tech stack
vuetypescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Basic knowledge of Vue componentsFamiliarity with Vuetify component structure
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
To implement this feature, examine the VSkeletonLoader component in the Vuetify source code (likely in packages/vuetify/src/components/VSkeletonLoader/). Add a new type value 'chip group' to the existing type prop, and create the corresponding skeleton layout mimicking a v chip group. The issue does not list specific files, but the maintainers may expect a PR that follows the existing pattern for skeleton loaders.