Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support text and code in <details> #32

Open
mikkelhegn opened this issue Sep 8, 2022 · 2 comments
Open

Support text and code in <details> #32

mikkelhegn opened this issue Sep 8, 2022 · 2 comments
Labels
enhancement New feature or request

Comments

@mikkelhegn
Copy link
Member

mikkelhegn commented Sep 8, 2022

If I use <details> with this style guide, all the content in the <details> element will be styled as a code block. I would like to be able to use a combination of code blocks and text.

@mikkelhegn mikkelhegn added the enhancement New feature or request label Sep 8, 2022
@mikkelhegn mikkelhegn changed the title Support text pls code in <details> Support text and code in <details> Sep 8, 2022
@flynnduism
Copy link
Member

Mikkel, I assume you want it cleaned up to better follow the default rendering, something like this:

<details>
    <p>text</p>
    <code>code</code>
    <p>text</p>
    <code>code</code>
</details>

Appears as:

text

code

text

code

Testing this out in a blog context and a docs context, this is what I see. I will investigate further.

current-details

I'm curious in what setting the content was all rendering as a code block?

@mikkelhegn
Copy link
Member Author

This was in Bartholomew (Spin docs). So I tried to hack this in the markdown file (by adding the html code). I was also using

for the text next to the arrow.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants