---

This section details on the original issue you should resolve

<issue_title>[Feature]: Skeleton should have size and shape props</issue_title>
<issue_description>### Library

React Components / v9 (@fluentui/react-components)

Describe the feature that you would like added

This is a follow up issue from this discussion: #31608 (comment)

Currently SkeletonItem accepts size and shape props. But if there are many items with the same values, it would be easier to set those to the parent component Skeleton.

What needs to be added:
It should be possible to pass size and shape props both from the parent component Skeleton and from SkeletonItem.

Current API

// the same for shape
<Skeleton>
   <SkeletonItem size={24} shape="rounded" />
   <SkeletonItem size={24} shape="rounded" />
   <SkeletonItem size={24} shape="rounded" />
 </Skeleton>

Proposed API

<Skeleton size={24}  shape="rounded"> 
  <SkeletonItem />
  <SkeletonItem />
  <SkeletonItem />
</Skeleton>

[edited: @mainframev]

Have you discussed this feature with our team

No

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

Low</issue_description>

<agent_instructions>Add size and shape optional props to the Skeleton component. Check how it's done in react-swatch-picker component with size and shape.

1. Props size and shape should be added to the Skeleton.types.ts
2. In SkeletonItem it should be picked from SkeletonProps
3. Props should be passed from parent to children using context.</agent_instructions>

Comments on the Issue (you are @copilot in this section)

@ValentinaKozlova > Hi, this is my first time contributing to MSFT open source, but from what I understand, it might be a good first time issue with the codebase. :) > > Any objections to me taking a crack at this? > > Also will try to unblock myself here, but if there are guides for first-time setup for dev env and stuff like that, I'd really appreciate it! :)

Hello @AkiPraveen , it's great that you want to contribute.

• Here's documentation about development setup: https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/dev-env.md
• And here's about dev workflow: https://github.com/microsoft/fluentui/blob/master/docs/react-v9/contributing/dev-workflow.md

Let us know if you have any questions</comment_new>
<comment_new>@ValentinaKozlova
keep open</comment_new>
<comment_new>@ValentinaKozlova
keep open</comment_new>