[Feature]: Skeleton should have `size` and `shape` props

[ValentinaKozlova]

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

[AkiPraveen]

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! :)

[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

[AkiPraveen]

Hi, I got busy with a new job 😓 so please feel free to deallocate this ticket from me! Thanks for understanding!

[ValentinaKozlova]

keep open

[microsoft-github-policy-service]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes.
Still require assistance? Please add comment - "keep open".