Annonce

<div class="space-y-6" data-shade="900">
    <a href="#" class="annonce plain gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-outlined gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-soft gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>
</div>

<div class="space-y-6" data-shade="900">
    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-soft intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-outlined intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>
</div>

<div class="space-y-6" data-shade="900">
    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-primary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-secondary">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-accent">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-danger">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-info">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-success">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-warning">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-gray">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>

    <a href="#" class="annonce variant-mixed gap-2 sz-sm w-fit mx-auto">
        <span class="annonce-concern sz-xs variant-solid intent-neutral">New</span>
        <span class="text-title text-sm">Introduction Tailus UI Html</span>
    </a>
</div>