Badge

<div class="flex flex-wrap items-center justify-center gap-4">

    <twig:ui:Badge>

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="red">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="orange">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="yellow">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="green">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="blue">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="purple">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="pink">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="info">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="success">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="warning">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="danger">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="accent">

        Badge

    </twig:ui:Badge>

</div>

<div class="flex flex-wrap items-center justify-center gap-4">

    <twig:ui:Badge variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="red" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="orange" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="yellow" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="green" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="blue" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="purple" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="pink" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="info" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="success" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="warning" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="danger" variant="solid">

        Badge

    </twig:ui:Badge>

    <twig:ui:Badge color="accent" variant="solid">

        Badge

    </twig:ui:Badge>

</div>