Custom component for element/custom element

[davenathanael]

Hello, great library and defaults 😄

Is there a way to customize component used to render an element, or the proper way to add custom elements with this library?

My use case is to add more embed options such as Twitter, Youtube, etc, other than the default Vimeo embed. Additionally, I would like to remove the additional box under the Vimeo video frame (as shown in example). To achieve this, can I either: make a component to render media_embed elements so I can customize its appearance for each social link, or to make a custom element altogether? If so, can you suggest me a way to do such? I'm very new to Slate and slate-plugin, might miss so much here and there 😅

Thanks!

[zbeyens]

You can use the component option to replace the default component. Sandbox

[davenathanael]

Sorry if I missed it on the codepen, but I can't find the component option used there, is it on the options object?

[zbeyens]

Options are documented here, you also have documented options in this api.

[davenathanael]

Thank you for the answers, @zbeyens ! 😀

I've looked on the example in the codebase (storybook examples and default plugins) and decided to make my own plugin for the social embed custom element instead of changing the component for media_embed.