feat(avatar): add disabled state in avatar component

innovaccer / design-system

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines

https://mds.innovaccer.com

MIT License

84 stars 79 forks source link

feat(avatar): add disabled state in avatar component #2232

Closed anuradha9712 closed 3 months ago

anuradha9712 commented 4 months ago

What does this implement/fix? Explain your changes.

...

Does this close any currently open issues?

...

Any other comments?

...

Dependent PRs/Commits

...

Describe breaking changes, if any.

...

Checklist

Check all those that are applicable and complete.

[ ] Merged with latest master branch

samyak3009 commented 3 months ago

please check this once, if i am using a avatar wrapped in a div which is having ellipsis--noWrap class then its focus state is breaking.

anuradha9712 commented 3 months ago

Screenshot 2024-06-20 at 1 04 29 PM please check this once, if i am using a avatar wrapped in a div which is having ellipsis--noWrap class then its focus state is breaking.

@samyak3009 In case of Avatar been used with Overflow Text wrapped inside div, the ellipsis--noWrap class should only be applied on Text component not on the entire div. Please refer to the following example: