notifications in markup: info, success, warning, error

[McFoggy]

Would be great to have some support both at markup and renderer level (CSS) for notifications panel. Something like (taken from Isabel Castillo blog)

Of course underlying markups libraries would have to support such a feature.

In mardown it could be for example:

! This is an info message.
!v This is a success message.
!! Consider this a warning.
!x This is an error message.

It would ease a lot to have good rendered README when explaining how to use your project/library or whatever else.

[PuZZleDucK]

A simple hack (sans color) might be to use icons:
ℹ️ :information_source:
☑️ :ballot_box_with_check:
⚠️ :warning:
❌ :x:

or
❗ :exclamation:
✖️ :heavy_multiplication_x:

good list of more here: https://gist.github.com/rxaviers/7360908

[jhermann]

rST has these kind of blocks officially (admonitions), but the HTML whitelist is way too aggressive and filters them out, in the worst case leading to misunderstandings because of the missing visual cue how to interpret the text.

See also #905 (comment), namespacing could be a viable alternative to just kicking CSS out.

[kivikakk]

The emoji hack is a good idea — we won't be expanding Markdown with new syntax, so we won't be adding it as a GitHub-specific feature.

[McFoggy]

The emoji hack is a good idea

Except that it does not provide paragraph highlighting.

One would have to use blockquote to mark a paragraph and an emoji to type it.

ℹ️ this is an information

✔️ this is a success

⚠️ this is a warning

❌ this is an error

Honestly such a hacking is IMO not exactly what was expected.

[jhermann]

Still a hack, but IMHO better…

❗	Some text.

[berakoc]

Still a hack, but IMHO better…

❗ Some text.

How can I do that?

[berakoc]

Would be great to have some support both at markup and renderer level (CSS) for notifications panel. Something like (taken from Isabel Castillo blog)

Of course underlying markups libraries would have to support such a feature.

In mardown it could be for example:

! This is an info message.
!v This is a success message.
!! Consider this a warning.
!x This is an error message.

It would ease a lot to have good rendered README when explaining how to use your project/library or whatever else.

I know it has been 4 years but anyways. I guess you wanted something like that: https://github.com/MuhammedBeraKoc/github-notification-markups.

[jhermann]

How can I do that?

It is just a table...

:bangbang: | This is important
:---: | :---

‼️	This is important

[McFoggy]

@MuhammedBeraKoc thanks for the trick but it still looks quite hacky. I would really prefer an official inclusion in the markup.

FYI my implementation of this in commonmark-java : commonmark-ext-notifications is now an official commonmark-java extension.

[laserhybiz]

community/community#16925