gray tartan
Was looking for something on payloadcms.com and saw this image from the admin panel with these thumbnails/icons for the blocks and honestly really liked the style (see img)
I did a bit of searching and I guess Payload does not publicly share these anywhere right?
Anyone have some good alternatives for common UI components?
crimson iglooBOT
summer geyser
Hey! As a Payload employee I am very curious where you found that picture
I can't say that I've seen that mockup before
gray tartan
Haha, it' is on your marketers page i just grabbed a screenshot of it 😄
summer geyser
ahhh
though I'm not a fan of posting things that aren't real, it's a necessary evil
gray tartan
Thought they matched the default fallback image for the blocks, so was hoping a secret icon library maybe existed, haha
But since there were no results anywhere I assumed they were either private or just for the website showcase, thought maybe someone had some good alternatives
summer geyser
if by secret you mean non-existent then yes
haha
those are just mockups we made in Figma
So even if you were able to find some images to use similar to the above, you might end up having to create a custom label component to account for dark/light mode
but we do provide an override for the image if you didn't know
const MediaContentBlock: Block = {
slug: 'mediaContent',
imageURL: '/images/media-content.png',
imageAltText: 'Media content block',
fields: [
// your fields
],
}
it will take an SVG too!
crimson iglooBOT
gray tartan
but we do provide an override for the image if you didn't know
Yeah its great to be able to do it so easily! I have been looking for some icons to use for it so that is why when I saw those I was like "wait a minute!"
But it makes sense that they were for the website, I did kind of expect it since there were no mention of them anywhere else 😄
Will probably create some custom icons at some point! Thanks for the response 😄
crimson iglooBOT
This thread is already marked as solved.
