wondering what constraints made you choose to reach for needing <component with-label="???" /> in the markdown string
|> withComponents
[ ( "Default", view props )
, ( "Disabled", view { props | disabled = True } )
]
|> render """
Buttons are pretty amazing, right? You can click them and stuff.
Try clicking on this one:
<component with-label="Default" />
They can also be disabled! Unbelievable.
<component with-label="Disabled" />
"""
vs rendering them sequentially, e.g. perhaps like
|> render
[ Markdown
"""
Buttons are pretty amazing, right? You can click them and stuff.
Try clicking on this one:
"""
, Component (view props)
, Markdown
"""
They can also be disabled! Unbelievable.
"""
, Component (view { props | disabled = True })
]
just the fact that I can click on the netlify link and see what the readme words is talking about, greatly lowered the barrier 
for me