Tooltip

<x-aura::tooltip text="Tooltip on Top" position="top">
    <x-aura::button variant="secondary" size="sm">Top</x-aura::button>
</x-aura::tooltip>

<x-aura::tooltip text="Tooltip on Bottom" position="bottom">
    <x-aura::button variant="secondary" size="sm">Bottom</x-aura::button>
</x-aura::tooltip>

<x-aura::tooltip text="Tooltip on Left" position="left">
    <x-aura::button variant="secondary" size="sm">Left</x-aura::button>
</x-aura::tooltip>

<x-aura::tooltip text="Tooltip on Right" position="right">
    <x-aura::button variant="secondary" size="sm">Right</x-aura::button>
</x-aura::tooltip>

<x-aura::tooltip text="Create new document" position="top">
    <x-aura::icon-button icon="file-plus" variant="outline" size="sm" />
</x-aura::tooltip>

<x-aura::tooltip text="Share via link" position="top">
    <x-aura::icon-button icon="share-2" variant="outline" size="sm" />
</x-aura::tooltip>

<x-aura::tooltip text="Delete item permanently" position="top">
    <x-aura::icon-button icon="trash-2" variant="danger" size="sm" />
</x-aura::tooltip>

<x-aura::flex align="center" gap="2">
    <x-aura::text size="sm" weight="semibold">
        API Rate Limit Policy
    </x-aura::text>

    <x-aura::tooltip text="1,000 requests per minute per token" position="right">
        <x-aura::icon name="info" size="xs" />
    </x-aura::tooltip>
</x-aura::flex>