You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I want to programmatically fill the steps page with headings depending on the user. Take this example:
const list = ["Eat", "Sleep", "Repeat"];
<Steps>
### Live Life
// something here to get the list as headings?
</Steps>
I want to achieve this result:
<Steps>
### Live Life### Eat### Sleep### Repeat
</Steps>
Is there some way to do this using SSR & the examples in the Nextra docs? Do I have to modify the Nextra component somehow? The best idea I can think of is to use the source components in the theme nextra/nextra-theme-docs/mdx-components but they aren't exported, as far as I can tell.
I was considering this, but it still seems like there should be a native option, either using the components from the theme, or generating the markdown itself. The problem with this approach is that if the theme updates, the <div>s won't follow, I don't think?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I want to programmatically fill the steps page with headings depending on the user. Take this example:
I want to achieve this result:
Is there some way to do this using SSR & the examples in the Nextra docs? Do I have to modify the Nextra component somehow? The best idea I can think of is to use the source components in the theme
nextra/nextra-theme-docs/mdx-components
but they aren't exported, as far as I can tell.Beta Was this translation helpful? Give feedback.
All reactions