Need to verify: Can Paste accept Custom Icons within the Components

[brannytempy]

Hi Paste!

I am working through the migration strategy for Segment. One large area of concern I have is about icons. Currently Segment has hundreds of icons (501 icons) that are stylistically different than Paste's. Many of your icons are outlined, where Segment prefers filled icons.

Because of this, I am considering recommending that Segment defers onboarding to Paste icons, until I can work with you all to get 1:1 Streamline icons ready and contributed and have us all migrate at once towards the end. My thinking is we will most definitely introduce further visual fragmentation by mixing 2 sets of icons.

I was pleased to see in some docs like Icon Buttons, the Icon component itself is nested inside the component versus in a prop. Can you confirm that Segment can use their own icons from Evergreen in Paste components until a time as we're ready to switch? Are there any concerns, esp about tokens functioning with them?

Thx!!

[TheSisb]

Hi @brannytempy,

There are a few instances where icons are integral to component functionality:

• Alert (status icons - filled)
• Callout (status icons - filled)
• Help Text (status icons - filled)
• Checkbox (the check)
• Codeblock (copy & link icon)
• Combobox (down caret and check)
• Disclosure (arrow)
• Form Pill Group (the X to dismiss)
• Menu (down caret)
• Pagination (the arrows)
• Popover (the X to dismiss)
• Modal (the X to dismiss)
• Toast (the X to dismiss)

Going through this list, I think the migration will be fairly unobtrusive. The main ones that would be concerning are the status icons in the likes of Alert, but those are filled styled already. The X to close icons look close enough already. The rest seem fairly standard as well.

Hope this helps!