vuetifyjs / vuetifyjs/vuetify

[Feature Request] closable-chips for VFileInput

Open
#20,546 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

C: VFileInput T: feature
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

Problem to solve

The VAutocomplete component (and perhaps others) support a property closable-chips that adds the closable properties to all chips, if chips is enabled.
While VFileInput supports chips as an options, closable-chips is not supported, meaning that there's no pretty built-in solution to remove a single file from a file input for the end user.

Proposed solution

Pretty much just adding closable-chips to the VFileInput component and having it pass closable down to all chips much like in the various select components.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by comparing the VFileInput implementation with the VAutocomplete and other select components that support closable-chips. Confirm how chips are enabled and how the closable property is passed through; done means VFileInput accepts closable-chips and individual file chips can be removed through the component's built-in UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.