Badges

Basic examples

Blue
Blue 2
Theme
Theme 2
Red
Yellow
Green
White
Small
Big
Outlined
Outlined red

Repas

Show code


                            <span class="badge -blue">Repas</span>


                            <span class="badge -blue-2">Repas</span>


                            <span class="badge -red">Repas</span>


                            <span class="badge -yellow">Repas</span>


                            <span class="badge -green">Repas</span>

Duo examples

Outlined
Red / Blue
Outlined Small
Outlined Big

30h00 40h00

Show code


                            <div class="badge-duo -outlined">
                                <span class="-border-blue">30h00</span>
                                <span class="-blue font-bold">40h00</span>
                            </div>


                            <div class="badge-duo">
                                <span class="-red">30h00</span>
                                <span class="-blue font-bold">40h00</span>
                            </div>


                            <div class="badge-duo -small -outlined">
                                <span class="-border-blue">30h00</span>
                                <span class="-blue font-bold">40h00</span>
                            </div>


                            <div class="badge-duo -big -outlined">
                                <span class="-border-blue">30h00</span>
                                <span class="-blue font-bold">40h00</span>
                            </div>