fly-badge

Migrating fly-badge


Source component

Elements (typically span or div) with class fly-badge.

Target component

PlumaBadge

Mapping

table
FlyPluma
fly-badge--outline@isOutline={{true}}
fly-badge--primary@isEmphasized={{true}}
fly-badge--primary fly-badge--outline@isEmphasized={{true}} @isOutline={{true}}

Examples

Source:

<span class="fly-badge">3</span>

Target:

<PlumaBadge>3</PlumaBadge>

Source:

<span class="fly-badge fly-badge--outline">123</span>

Target:

<PlumaBadge @isOutline={{true}}>123</PlumaBadge>

Source:

<span class="fly-badge fly-badge--primary">314</span>

Target:

<PlumaBadge @isEmphasized={{true}}>314</PlumaBadge>

On this page