Tooltip Component | Dataford Interview Questions

Implement a custom tooltip component and run it to show the UI.

Asked in the Round 1 stage. HackerRank, must execute and render.

Implement a tooltip that appears on hover or keyboard focus, hides on mouse leave or blur, and supports placement above or below the trigger. The component should accept a trigger element, tooltip text, and placement, then return rendered UI state for grading.

Input

trigger: string label for the trigger element
content: string shown inside the tooltip
placement: one of "top" or "bottom"

Output

Return a representation of the rendered tooltip state, including whether it is visible and its resolved placement.

Constraints

1 <= len(trigger) <= 100
1 <= len(content) <= 200
placement is either "top" or "bottom"

Function Signature

def custom_tooltip(trigger, content, placement):

Your question is Tooltip Component. Start with the requirements in the Question tab.

Run and submit as often as you like. When you're ready, talk me through your approach or go straight to the code.

Problem