Tags

[vogloblinsky]

Closes #552

All states and use-cases are implemented.

New PR from old PR #666

Live previews

• Tags component
• Tags examples
• Usage in added-in shortcode

[louismaximepiton]

Hi, here are my comments, feel free to ask or discuss about it.

I think it is in contradiction to what Gaël said, but I think you should avoid reference to .badge since you don't have anything more in common with those.
I would avoid px and em values by replacing them with rem.
I think that dark version of this component can be handled later (or now if you want to), once the normal version is fully developed.

[julien-deramond]

FYI @louismaximepiton I've changed the added-in shortcode via 542fc41 in order to use the tags. I chose the small version.
I haven't followed all conversations around the design of tags, but we should have a non-clickable version of them.

[louismaximepiton]

FYI, tags with a different svg can be built:

<span class="tag">
  <svg viewBox="0 0 20 20" width="1.5rem" height="1.5rem" aria-hidden="true" focusable="false">
    <circle cx="10" cy="10" r="9" stroke-width="2" stroke="#000" fill="#f00" />
  </svg>
  Red
</span>

renders like:

[julien-deramond]

Proposal to improve the documentation: 19d6711

Proposal to enhance the example page: 264c594

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[julien-deramond]

Let's go! 🚀 🎉