<Teleport> ਇੱਕ component ਦੇ markup ਨੂੰ DOM ਵਿੱਚ ਇੱਕ ਵੱਖਰੀ ਜਗ੍ਹਾ ਉੱਤੇ render ਕਰਦਾ ਹੈ ਜਿਸ ਥਾਂ ਤੇ ਇਹ ਤੁਹਾਡੇ component tree ਵਿੱਚ declared ਹੈ — ਪਰ ਇਸਨੂੰ logically component ਦਾ ਹਿੱਸਾ ਰੱਖਦਾ ਹੈ (reactivity, props, events ਸਭ ਕਾਰਜ ਕਰਦੇ ਹਨ)।
ਸਮੱਸਿਆ ਜਿਸਨੂੰ ਇਹ ਹੱਲ ਕਰਦਾ ਹੈ
Modals, tooltips, ਅਤੇ notifications ਨੂੰ ਅਕਸਰ CSS ਮੁਸੀਬਤਾਂ ਤੋਂ ਬਚਣ ਲਈ ਹੋਣਾ ਜ਼ਰੂਰੀ ਹੈ — ਪੈਰੈਂਟ ਦਾ , , ਜਾਂ stacking context ਇੱਕ modal ਨੂੰ clip ਜਾਂ ਗਲਤ-ਲੇਅਰ ਕਰ ਸਕਦਾ ਹੈ। ਪਰ logically, modal ਉਸ component ਨਾਲ ਸਬੰਧਤ ਹੈ ਜਿਹੜਾ ਇਸਨੂੰ trigger ਕਰਦਾ ਹੈ।
