Deutsch English

Planner

<div class="flex items-center gap-2"> <span>Notifications</span>  <div data-flux-badge="data-flux-badge" class="inline-flex items-center font-medium whitespace-nowrap [print-color-adjust:exact] text-xs py-1 **:data-flux-badge-icon:size-3 **:data-flux-badge-icon:me-1 rounded-full px-3 text-green-800 [&_button]:text-green-800! dark:text-green-200 dark:[&_button]:text-green-200! bg-green-400/20 dark:bg-green-400/40 [&:is(button)]:hover:bg-green-400/30 dark:[button]:hover:bg-green-400/50 ml-2"> 2 </div>  </div>

This is a public demo – changes are visible to everyone. Get Recipe Manager