Has anyone made a Lexical feature with some sort of svg icon library yet?
Just curious if anyone could share code/implementation suggestions. I'm studying some of the provided Features, but still not entirely sure how to do it yet 😅
I honestly think one of the coolest things would be to extend the
right click>
emojimenu with tabs for different icon libraries. But, I'm guessing that'd be much more complicated.
For my current use case, I actually only need to be able to in-line a few icons, almost as if they were emojis.
There is an emoji plugin in the lexical playground!
- Node:
https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/nodes/EmojiNode.tsx- Emoji Plugin:
https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/EmojisPlugin/index.ts- The actual emoji picker plugin:
https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/EmojiPickerPlugin/index.tsxYou can re-use most of the code and wrap it in a
Featurefor lexical in payload. Most stuff will be similar, some stuff will probably require adjustments
Continue the discussion in Discord
Star
Discord
online
Get help straight from the Payload team with an Enterprise License.