quartz compass
I want to do something like this <quote>"I know today won’t come again, but I'm betting that tomorrow will."</quote>
<quote> is not a tag recognized by html. But am I able to basically add a <slot> with whatever is in there so I can style it separately?
Ideally I'd like a custom Svelte component to render the contents. Sorry if I'm miswording this or not being clear.
I feel like I've done this in the past but I checked old repos and couldn't find anything. Any help is great, thanks !
willow patio
If you use mdx instead of md, components are natively supported. Would this be an option for you? https://docs.astro.build/en/guides/integrations-guide/mdx/#using-components-in-mdx
If you want to prevent having to import your custom components in every MDX file, you could use an integration like this to do the imports for you: https://github.com/delucis/astro-auto-import/blob/main/packages/astro-auto-import/README.md
willow patio
I feel like I've done this in the past but I checked old repos and couldn't find...
Did that help, or did you find another solution?
quartz compass
Did that help, or did you find another solution?
Apologies, I didn’t get around to testing an implementation yesterday. I will say, though, I’d like to use Svelte if possible, but I don’t think it’s supported by mdx?
If I have to use react it’s not a big deal
willow patio
Apologies, I didn’t get around to testing an implementation yesterday. I will sa...
Afaik you can use all UI Framework Components supported by Astro: https://docs.astro.build/en/guides/integrations-guide/mdx/#using-components-in-mdx
So if you can import it in an .astro file, you should be able to do the same in .mdx as well
You just need to ensure the Svelte integration is installed in addition to the MDX integration: https://docs.astro.build/en/guides/integrations-guide/svelte/
