vuetifyjs / vuetifyjs/vuetify

[Feature Request] Add "input" type to VSkeletonLoader

Open
#11,560 1 comment 9 reactions 1 assignee View on GitHub

@johnleider is already working on this.

Since Dec 1, 2020.

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

Description

Problem to solve

Use case: form inputs that require an asynchronous call to be populated.

The button type is the closest type to matching this, but it doesn't really fit the styling of an input. This would benefit developers who have asynchronous forms which they would like to use a skeleton loader on, providing users with feedback on the state of the form in a style that is visually consistent with the form itself.

Proposed solution

A simple "input" type would suffice initially, directly covering selects, text fields, and autocompletes, some of the most common form types. Additional types would be potentially valuable for representing textareas, selection controls, and other minor form fields, though I think these could be adequately represented with the "input" type initially.

Visually, I think the best styling would approximately match the "filled" style of inputs, consistent with the current styling of skeleton loader types.

I'm willing to submit a pull request with a proposed implementation if that would be beneficial.

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.