components icon indicating copy to clipboard operation
components copied to clipboard

Published 20 hours ago • verified publisher icon cloudscape-design

[Feature Request]: LogOut Icon

Open daniellehillman opened this issue 2 years ago • 3 comments

Description

The library does not seem to have a log out icon.

Code of Conduct

daniellehillman avatar Aug 23 '22 15:08 daniellehillman

Hello,

Thanks for your request, we generally don't have a use-case for a log out icon, here is an example of a top navigation with a sign-out button that does not have such icon Screenshot 2022-08-25 at 10 42 13

Could you describe more about your use-case and why you need such icon?

taheramr avatar Aug 25 '22 08:08 taheramr

Hello, thank you for the quick response!

Here's the use case reasoning behind the request: Similarly to how you have the icon that indicates the Documentation and Feedback links in your navigation will lead the user to a new page, my team frequently uses the log out icon next to the sign out link on a navigation menu. We believe that the combination of the icon + text helps users identify the action they're looking for faster, with less mental processing. There are situations where we have navigation menus without icons, but it would be nice to have the flexibility to have an icon next to each link, and to have the ability to use a log out icon when it enhances the experience. Sincerely,

Danielle Hillman

On Aug 25, 2022, at 1:43 AM, Amr Ahmed Taher Mohamed @.***> wrote:

Hello,

Thanks for your request, we generally don't have a use-case for a log out icon, here is an example https://cloudscape.design/components/top-navigation/?tabId=playground of a top navigation with a sign-out button that does not have such icon https://user-images.githubusercontent.com/99883674/186618336-bb078373-8c8f-4d1c-a204-8c6e772dbbf4.png Could you describe more about your use-case and why you need such icon?

— Reply to this email directly, view it on GitHub https://github.com/cloudscape-design/components/issues/193#issuecomment-1226963510, or unsubscribe https://github.com/notifications/unsubscribe-auth/AP3KCESFHK5PY6NJEWVMYBLV24W37ANCNFSM57MBQYJA. You are receiving this because you authored the thread.

daniellehillman avatar Aug 29 '22 18:08 daniellehillman

Hello Danielle,

You can use your own custom icon, here is the guidelines for creating custom icons, then you can use it in the Icon component by using url or svg prop

abdhalees avatar Sep 05 '22 09:09 abdhalees

Closing due to inactivity. Feel free to reopen if there are additional comments

just-boris avatar Oct 26 '22 10:10 just-boris