Skip to content

feat: ✨ add sd-skeleton CSS style component#2995

Draft
mariohamann wants to merge 1 commit into
feat/issue-workflow-mcpfrom
feat/sd-skeleton-style
Draft

feat: ✨ add sd-skeleton CSS style component#2995
mariohamann wants to merge 1 commit into
feat/issue-workflow-mcpfrom
feat/sd-skeleton-style

Conversation

@mariohamann

Copy link
Copy Markdown
Contributor
  • Introduces sd-skeleton CSS style for loading placeholders that match the element's dimensions.
  • Supports sd-skeleton--animated modifier for pulse animation.
  • Adds --sd-skeleton-color CSS custom property for color customization.
  • Deprecates the sd-skeleton web component in favor of the new CSS style.
  • Updates documentation and stories for the new skeleton style.

Co-authored-by: Copilot copilot@github.com

Description:

Definition of Reviewable:

  • Documentation is created/updated
  • Migration Guide is created/updated
  • E2E tests (features, a11y, bug fixes) are created/updated
  • Stories (features, a11y) are created/updated
  • relevant tickets are linked

- Introduces `sd-skeleton` CSS style for loading placeholders that match the element's dimensions.
- Supports `sd-skeleton--animated` modifier for pulse animation.
- Adds `--sd-skeleton-color` CSS custom property for color customization.
- Deprecates the `sd-skeleton` web component in favor of the new CSS style.
- Updates documentation and stories for the new skeleton style.

Co-authored-by: Copilot <copilot@github.com>
@changeset-bot

changeset-bot Bot commented May 8, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: ddeeaa7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@solid-design-system/styles Minor
@solid-design-system/components Minor
@solid-design-system/tokens Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@mariohamann mariohamann linked an issue May 8, 2026 that may be closed by this pull request
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: 📋 Backlog

Development

Successfully merging this pull request may close these issues.

fix/feat: ✨ allow sd-skeleton to adapt to slotted content

1 participant