Can't import icon from payload | Payload | Page 1

shadow magnet Dec 10, 2022, 4:49 PM

#

I'm trying to create custom nav links for my custom routes. I was following this demo code:
https://github.com/payloadcms/payload/blob/master/test/admin/components/AfterNavLinks/index.tsx
And it says I can import { Chevron } from 'payload/components/icons';, but when I try to do so, it throws Error: Cannot find module '../src/admin/components/icons/Chevron'

It seems like the built code in node_modules is trying to export from its src directory, but it's not present in my node_module. Can you advise on how to use Payload's icons?

clever sigil Dec 10, 2022, 5:52 PM

#

Maybe you can import from dist folder instead for now import Chevron from 'payload/dist/admin/components/icons/Chevron'

shadow magnet Dec 11, 2022, 10:08 AM

#

thanks! it works for now.

#

I'll leave the question unanswered in case there are better ways to do this from the payload team, but this works fine for now.

drowsy perch Dec 11, 2022, 4:05 PM

#

@shadow magnet All admin components are accessible from payload/components like this import { Chevron } from 'payload/components'; Looks like this should be mentioned in the admin component docs.

shadow magnet Dec 11, 2022, 5:31 PM

#

drowsy perch <@275258786388639744> All admin components are accessible from `payload/compone...

Yea i think so. The example in the url given above should probably be fixed as well, since other people may have come across this example as I did. Thank you for your advice!

#Can't import icon from payload