[Feature Request] Admonitions

[RoyiAvital]

This is a great and clean CSS.

Any chance of having Admonitions.
Something like in Jupyter will be great: https://jupyterbook.org/content/content-blocks.html.

[lucaslarroche]

Thank you.

What would be the HTML code for an admonition?
It is same as an alert?

I try to stick to official HTML Elements and ARIA Roles as much as I can.

role="alert" looks good at first, but "Screen readers will instantly start reading out the updated content" so it seems irrelevant to me.

But on the other hand, Bootsrap uses role="alert" in its examples.

[RoyiAvital]

I think they use alerts with some customization for other kind of "alerts" such as: Tip, Info, Warning, etc...

[RoyiAvital]

@lucaslarroche , Any update on this?

[lucaslarroche]

@RoyiAvital,

I'm open to a pull request in dev/ for a role="alert" component.

<div role="alert"></div>

For colors customization, I am thinking about integrating some SCSS mixins.
It would be best to wait until the color variation system is complete before creating new components.

[mjau-mjau]

If anyone is interested, simple Pico.css alerts, which inherit properties from Pico:
https://codepen.io/mjau-mjau/full/xxjZRGg

[a-chris]

@mjau-mjau thank you, that's a great starting point

[jpshackelford]

+1 for this to be a standard feature of Picocss. I ❤️ Picocss and an alert system is a very common component.

[yozachar]

Could this be re-opened?

[mediaformat]

@lucaslarroche is this still relevant? Would you accept a PR?

role="alert" looks good at first, but "Screen readers will instantly start reading out the updated content" so it seems irrelevant to me.

I think that for some classes of errors, perhaps even some warnings, role=alert is the right choice, while for others such as status updates "post saved", using role="status", would be more appropriate.