Skip to content

feat(VSkeletonLoader): add chip-group and timeline-item skeleton types#22961

Open
sridhar-3009 wants to merge 5 commits into
vuetifyjs:masterfrom
sridhar-3009:feat/skeleton-loader-new-types-20451-20695
Open

feat(VSkeletonLoader): add chip-group and timeline-item skeleton types#22961
sridhar-3009 wants to merge 5 commits into
vuetifyjs:masterfrom
sridhar-3009:feat/skeleton-loader-new-types-20451-20695

Conversation

@sridhar-3009

Copy link
Copy Markdown
Contributor

Summary

Fixes #20695 and #20451 — adds chip-group, timeline-item, timeline-item-two, and timeline-item-three skeleton loader types.

New types

Type Composition
chip-group 5 chips in a wrapping row
timeline-item avatar marker + single-line heading
timeline-item-two avatar marker + two-line sentences
timeline-item-three avatar marker + three-line paragraph

Usage

<v-skeleton-loader type="chip-group" />
<v-skeleton-loader type="timeline-item" />
<v-skeleton-loader type="timeline-item-three@3" />

Test plan

  • Render type="chip-group" — should show a wrapping row of chip-shaped skeletons
  • Render type="timeline-item" — should show an avatar (marker) beside a heading
  • Render type="timeline-item-two" — avatar + two-line text
  • Render type="timeline-item-three@3" — stacked timeline items with avatar + paragraph

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request] Skeleton loader for chip group

1 participant