Form Components
Tooltip
Cyber Week Mega Offer!
Huge discounts on all Hostinger plans
Use our referral link for an extra 20% off!
# Basic usage
<x-tooltip text="Default" /> {{-- Custom icon --}}<x-tooltip text="Custom icon" icon="information-circle" /> {{-- custom slot --}}<x-tooltip text="Custom slot"> <x-icon name="cog-6-tooth" class="text-gray-500" /></x-tooltip># Tooltip position
<x-tooltip text="Top" top /><x-tooltip text="Bottom" bottom /><x-tooltip text="Left" left /><x-tooltip text="Right" right /># Gradient tooltip
<x-tooltip text="TallCraftUI" gradient /># Without transition
<x-tooltip text="TallCraftUI" no-transition /># Without arrow
<x-tooltip text="TallCraftUI" no-arrow />Default settings
Change tooltip default settings according your needs config/tallcraftui.php
return [ 'tooltip' => [ 'position' => Position::TOP->value, 'gradient' => false, 'noArrow' => false, 'noTransition' => false, ],];