Minimalist_Tooltip
Componente tooltip di design minimalista/piatto per l'e-commerce con design reattivo e supporto per temi scuri. Utilizza una combinazione di colori Complementare e ha una complessità Moderata.
Codice HTML
<div class="relative group">
<button class="text-blue-700 hover:text-blue-800 dark:text-red-400 dark:hover:text-red-500 font-bold py-2 px-4 rounded">Hover Me</button>
<div class="absolute bottom-full mb-2 hidden group-hover:block w-48 bg-blue-100 text-blue-800 text-sm rounded py-1 px-2 dark:bg-red-900 dark:text-red-100">
Product information or details here.
</div>
</div>Componenti correlati
Descrizione comando
Componente tooltip con design 3D, toni della terra, complessità semplice e scopo del cruscotto. Reattivo con supporto per il tema scuro.
Componente della descrizione comando skeuomorfa
Un componente di tooltip complesso progettato con uno stile scheumorfico e toni della terra, adatto per applicazioni di e-commerce con supporto per la modalità scura.
Componente della descrizione comando
Un componente tooltip reattivo con colori vivaci, microinterazioni e supporto per la modalità oscura, adatto per applicazioni industriali e manifatturiere. Visualizza le informazioni su hover/focus.