1.3 #atoms.evidence-badge Evidence Badge
Color-coded badge indicating evidence strength level.
Uses color-mix() for transparent backgrounds.
.tinnitus-badge-evidence--strong - Green: strong evidence .tinnitus-badge-evidence--moderate - Amber: moderate evidence .tinnitus-badge-evidence--preliminary - Red: preliminary evidence .tinnitus-badge-evidence--neutral - Grey: neutral/unrated
Tokens: $component-badge-padding-y, $component-badge-padding-x, $component-badge-bg-mix, $radius-sm, $border-width-thin, $font-size-xs
Example
Strong Evidence
Markup
<span class="tinnitus-badge-evidence ">Strong Evidence</span>
Source:
web/app/themes/naluma-theme/assets/scss/atoms/_evidence-badge.scss, line 1