All Prompts
All Prompts

badgepillnotificationtailwindiconannouncementlabelinline-flex
Pill Badge Announcement with Leading & Trailing Icons
Компактный UI-компонент 'Pill Badge' на Tailwind CSS. Отображает уведомления, новые функции или ссылки с иконками. Идеален для заголовков, карточек, дашбордов.
Prompt
<div
class="inline-flex gap-2 text-xs text-slate-300 bg-slate-800/60 border-white/10 border rounded-full pt-1 pr-3 pb-1 pl-3 items-center">
<span class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-slate-700">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="sparkle" class="lucide lucide-sparkle h-3.5 w-3.5 text-neutral-300"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path></svg>
</span>
New: Workflow Intelligence
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="arrow-right"
class="lucide lucide-arrow-right h-3.5 w-3.5">
<path d="M5 12h14"></path>
<path d="m12 5 7 7-7 7"></path>
</svg>
</div>